ASCII art in webbrowser

[evanraalte]

Voor school heb ik een programma geschreven in C wat een bmp afbeelding converteert naar ascii art.
Nadat het werkte in het terminal venster heb ik de lat iets hoger gelegd door het naar kladblok te exporteren.

Nu dat ook gelukt is wil ik het graag naar een HTML webpagina porten en nog wat opties toevoegen, echter krijg ik het ASCII beeld niet fatsoenlijk weergegeven in HTML. Het is zo dat ik verschillende characters laat fungeren als grijs waarde( zoals ' ' en '@'). Echter ben ik erachter dat HTML af en toe chinese letters maakt als er bijvoorbeeld "#*@ staat. Dit wilde ik voorkomen door tussen elke character een whitespace te maken. Dit ziet er echter niet uit (werkt wel!) omdat je niet ver kan uitzoomen op een webpagina.

Heeft iemand ervaring met dit probleem? zelf ben ik nou niet bepaald programmeer-pro (eerder newb) maar ik zou de code graag willen exporteren naar HTML vanwege de opties die je dan aan kan toevoegen.

[boe2]

Nu roep ik gewoon het eerste dat in me opkomt, maar heb je die problemen ook als je het tussen een <pre> tag plaatst?

[evanraalte]

Ik ken de tag niet maar als ik op w3schools kijk lees ik dit:


"The <pre> tag defines preformatted text.

Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks."

Het is zo dat ik al een monospace font gebruik (Courier). Dan zal deze tag niks uitmaken denk ik zo? Toch ga ik het effe proberen, bedankt voor je reactie!

[.oisyn]

Echter ben ik erachter dat HTML af en toe chinese letters maakt als er bijvoorbeeld "#*@ staat

Dan heb je je encoding niet goed gespecificeerd.

[evanraalte]

<pre> werkt toch , de spatie ertussen zorgt er nu voor dat een pixel niet meer langerwerpig is zoals |"| maar vierkant zoals: |" |. Blijkbaar kan internet explorer verder uitzoomen als Chrome dus ik ga deze browser dan maar gebruiken voor ascii!

[Soultaker]

Ik zou dit overigens geen ASCII art meer willen noemen; de karakters zijn zo klein dat de vorm onzichtbaar wordt.

[Jegorex]

Soultaker schreef op woensdag 07 november 2012 @ 20:31:
Ik zou dit overigens geen ASCII art meer willen noemen; de karakters zijn zo klein dat de vorm onzichtbaar wordt.

ASCII pixel art

[evanraalte]

Tja, ik ben nog niet bij de 'advanced ' vorm aanbeland. Ben pas 5 weken bezig met C xD Voor nu vind ik het mooi

[Gomez12]

Jegorex schreef op woensdag 07 november 2012 @ 20:38:
[...]

ASCII pixel art

Nog niet eens, het komt op mij meer over als gewoon een image grayscalen en dan elke pixel-grijswaarde naar een character mappen.

De moeilijkheid van ascii art zit hem wmb juist erin dat je de ascii-tekens gebruikt om een image mee te maken, niet de vulgraad van een ascii teken.

[evanraalte]

<sarcasm> Leuk dat je werk waar ik tijd en energie in heb gestoken lekker de grond in trapt </sarcasm>

[Cartman!]

Dat doet hij niet, hij legt uit waarom dit geen ASCII art is.

[evanraalte]

Is al gezegd dus ik zie de toegevoegde waarde niet. Ik weet ook dat het niet de echte ASCII art is en het is ook niet mijn bedoeling dat op dit moment te realiseren aangezien ik zoals aangegeven nieuw ben op gebied van C.

[RobIII]

Gomez12 schreef op woensdag 07 november 2012 @ 20:56:
De moeilijkheid van "echte"_red. ascii art zit hem wmb juist erin dat je de ascii-tekens gebruikt om een image mee te maken, niet de vulgraad van een ascii teken.

Maar dat was wellicht de opdracht niet, noch is TS mogelijk al zo ver gevorderd in zijn / haar lessen / kennis om zoiets klaar te vechten. Vergeten we even niet dat we allemaal ooit bij 0 zijn begonnen?

Mijn eerste 'ascii art' was zoiets:

code:

              /
             /
            /
            \
            /
           /\
          /  \
         /\  /
        /  \ \
       /\   \ \
      / /   /  \
     / /   /\   \ Bliksemstraal \0/

offtopic:
Zo kan 't ook Is dan wel geen "ASCII art" maar wel een "shitload aan ASCII " (HTML) voor een full-color plaatje

[ Voor 12% gewijzigd door RobIII op 07-11-2012 21:35 ]

[.oisyn]

evanraalte schreef op woensdag 07 november 2012 @ 20:27:
<pre> werkt toch

Door de spatie zal je browser de encoding niet meer verkeerd gokken, maar feit blijft nog steeds dat je je encoding niet (goed) hebt gespecificeerd. Open maar eens een oude pagina die fout ging, en stel dan de encoding met de hand in op latin-1, dan zul je zien dat het dan wel klopt

[ Voor 19% gewijzigd door .oisyn op 07-11-2012 22:34 ]