[HTML + Javascript] Need some help finding tutorials

King Tetiro

Leader of Phoenix Heart

[HTML + Javascript] Need some help finding tutor...

« on: June 11, 2011, 01:49:25 PM »

Reputation: +0/-0
Offline
Gender:
Posts: 3548

Hey guys, I'm in need of help. I've just spent two hours trying to find a tutorial on this and have had NO LUCK. Seriously, 2 hours on this and I'm to the point of going insane over it. Lemme explain the purpose for it first.

As we know, if you load an image into Java or C++, you can modify the image if you wish. I want to do this so I can write my custom font onto the image and then it display on the webpage (Hence HTML).

However, I can't find anything about the following things.

-Editing the image
or
-Displaying the image

I know these are the most simplist things but I can't find them on the net and I feel embarrassed writing this topic.
So whilst you all help me find tutorials or the codes I need to be able to edit the image and display it on a webpage, I'm going to crawl into the Hole of Shame and stay there.

Logged

Windy	Re: [HTML + Javascript] Need some help finding t... « Reply #1 on: June 11, 2011, 02:31:54 PM »
Reputation: +0/-0 Offline Posts: 2248	you edit the image in a graphical editing program and the use the img tag. Logged

King Tetiro Leader of Phoenix Heart	Re: [HTML + Javascript] Need some help finding t... « Reply #2 on: June 11, 2011, 03:18:48 PM »
Reputation: +0/-0 Offline Gender: Posts: 3548	Quote from: Windy on June 11, 2011, 02:31:54 PM you edit the image in a graphical editing program and the use the img tag. I naturally know that. I was trying to be clever. I was planning to have all the text on the site in the style of my game's font. So I was going to create an image, draw the letters on it and make it show on the website. Logged

美奈の姫 Minalien	Re: [HTML + Javascript] Need some help finding t... « Reply #3 on: June 11, 2011, 05:57:21 PM »
何？ Reputation: +6/-1 Offline Gender: Posts: 2084	The only thing that's a worse idea than making all of the text on your site be in the style of your game's font is drawing images to do so. If you must do this, create your site in Flash or Silverlight, not in HTML. It would be within your best interests to simply use a regular font that's going to be functional rather than attempting the novel, as the latter will get very old, very fast, from both your perspective as the site's maintainer who has to convert entire blocks of text to images, and from the perspective of the user who's trying to copy text for a quote to a friend to spread interest in your game. Short answer: There's a reason you haven't found a tutorial for doing this. Logged
何？ Reputation: +6/-1 Offline Gender: Posts: 2084

jimn346

Re: [HTML + Javascript] Need some help finding t...

« Reply #4 on: July 12, 2011, 10:14:50 PM »

Reputation: +1/-0
Offline
Posts: 152

I know of a website that successfully accomplished this in pure HTML and javascript. They didn't make a single image for each body of text, but did use an image as a font. The website was called llamafont.com, but it appears their website is down whether it is temporary or permanent. They actually had all of the letters in one image and somehow drew parts of the image as letters without using a large amount of time to load the page. You could even copy the text and paste it somewhere else as text. The entire purpose of this website was to "say it in llama" meaning use a font that used llamas in various positions to create letters.

EDIT: I found another website that did this, but used an image for each letter.
http://javascriptfont.sourceforge.net/

EDIT2: I also found another method for this. This one is open source and allows copying as text.
http://typeface.neocracy.org/

« Last Edit: July 12, 2011, 10:25:33 PM by jimn346 »

Logged

MG-Zero	Re: [HTML + Javascript] Need some help finding t... « Reply #5 on: July 12, 2011, 11:27:50 PM »
Doesn't afraid of anything. Reputation: +24/-0 Offline Gender: Posts: 5750	If you're not even familiar with the img element, then you shouldn't be starting with this. You should take a look at the w3c schools, they have everything you'll need for web development. Logged
	<br> i love big weenies and i cannot lie

jimn346	Re: [HTML + Javascript] Need some help finding t... « Reply #6 on: July 13, 2011, 05:35:15 PM »
Reputation: +1/-0 Offline Posts: 152	He knows how to use an image. He's trying to code the creation of an image from text using a sprite font. He doesn't want preexisting images. Logged

King Tetiro Leader of Phoenix Heart	Re: [HTML + Javascript] Need some help finding t... « Reply #7 on: July 13, 2011, 10:02:14 PM »
Reputation: +0/-0 Offline Gender: Posts: 3548	Quote from: jimn346 on July 13, 2011, 05:35:15 PM He knows how to use an image. He's trying to code the creation of an image from text using a sprite font. He doesn't want preexisting images. Finally someone who understood my idea. Logged

Xiphirx wat	Re: [HTML + Javascript] Need some help finding t... « Reply #8 on: July 13, 2011, 10:04:13 PM »
Xiphirx Reputation: +0/-0 Offline Gender: Posts: 3019	Quote from: MG-Zero on July 12, 2011, 11:27:50 PM If you're not even familiar with the img element, then you shouldn't be starting with this. You should take a look at the w3c schools, they have everything you'll need for web development. Please do not recommend W3C Schools (http://w3fools.com/). OP: PHP + GD, Google should give you more than enough to start doing this. Logged
Xiphirx Reputation: +0/-0 Offline Gender: Posts: 3019	For The Swarm (StarCraft II Zerg strategy) I whip my hair back n forth

美奈の姫 Minalien	Re: [HTML + Javascript] Need some help finding t... « Reply #9 on: July 13, 2011, 10:10:23 PM »
何？ Reputation: +6/-1 Offline Gender: Posts: 2084	Quote from: Xiphirx on July 13, 2011, 10:04:13 PM Quote from: MG-Zero on July 12, 2011, 11:27:50 PM If you're not even familiar with the img element, then you shouldn't be starting with this. You should take a look at the w3c schools, they have everything you'll need for web development. Please do not recommend W3C Schools (http://w3fools.com/). OP: PHP + GD, Google should give you more than enough to start doing this. Your PHP recommendation is almost as bad as the W3C Schools recommendation. ;3 Lrn2ruby, yo~ Logged
何？ Reputation: +6/-1 Offline Gender: Posts: 2084

Xiphirx wat	Re: [HTML + Javascript] Need some help finding t... « Reply #10 on: July 14, 2011, 04:10:44 AM »
Xiphirx Reputation: +0/-0 Offline Gender: Posts: 3019	Quote from: Minalien on July 13, 2011, 10:10:23 PM Quote from: Xiphirx on July 13, 2011, 10:04:13 PM Quote from: MG-Zero on July 12, 2011, 11:27:50 PM If you're not even familiar with the img element, then you shouldn't be starting with this. You should take a look at the w3c schools, they have everything you'll need for web development. Please do not recommend W3C Schools (http://w3fools.com/). OP: PHP + GD, Google should give you more than enough to start doing this. Your PHP recommendation is almost as bad as the W3C Schools recommendation. ;3 Lrn2ruby, yo~ Do not taint my mind with ruby D: Logged
Xiphirx Reputation: +0/-0 Offline Gender: Posts: 3019	For The Swarm (StarCraft II Zerg strategy) I whip my hair back n forth

美奈の姫 Minalien	Re: [HTML + Javascript] Need some help finding t... « Reply #11 on: July 14, 2011, 06:48:33 PM »
何？ Reputation: +6/-1 Offline Gender: Posts: 2084	Xiphirx = User.new "Xiphirx", 32 Xiphirx.save if Xiphirx.valid? n____n Logged
何？ Reputation: +6/-1 Offline Gender: Posts: 2084

Dark光 KuraiHikari	Re: [HTML + Javascript] Need some help finding t... « Reply #12 on: July 24, 2011, 02:09:11 PM »
Reputation: +3/-0 Offline Gender: Posts: 3356	Quote from: Minalien on July 14, 2011, 06:48:33 PM Xiphirx = User.new "Xiphirx", 32 Xiphirx.save if Xiphirx.valid? n____n Hell, I don't know a thing about ruby but if it's that simple while being fuctional I'm all for it. I've looked over php junk and it's much more annoying to understand >_> Logged
Reputation: +3/-0 Offline Gender: Posts: 3356	Quote from: Jason Your community is a bunch of stuck up turds.

美奈の姫 Minalien	Re: [HTML + Javascript] Need some help finding t... « Reply #13 on: July 25, 2011, 02:19:44 AM »
何？ Reputation: +6/-1 Offline Gender: Posts: 2084	Given a User class that requires only a name and whatever that integer could have been, that is all that's needed to create a record and save it to a database. Rails is awesome like that. :3 http://railstutorial.org <-- You should really check it out. Logged
何？ Reputation: +6/-1 Offline Gender: Posts: 2084

Source Internet Tough Guy.	Re: [HTML + Javascript] Need some help finding t... « Reply #14 on: July 31, 2011, 12:16:58 AM »
Things to see and people to do. Reputation: +0/-0 Offline Gender: Posts: 2278	On the subject of w3schools, yeah, !@#$% that. A List Apart is my go-to source for anything pertaining to web development. And yeah, Ruby. I do love Ruby, not so much as a web platform though. PHP is my personal preference. MUCH more widely supported. Logged
	The very existence of flamethrowers proves that sometime, somewhere, someone thought to themselves "You know, I really want to set those people over there on fire." - George Carlin (!@#$%) Hear the haunting words (They'll find you alone) lost children with no heart are crying (Turning their hearts into stone) and you're the lost mother they're calling Go now, run and hide (seek more than vengeance) I hear them crying at night (your pain is their satisfaction) outside when the planets are falling (for the rest of time) They want to feel and know you hear them (Go now, run and hide)

美奈の姫 Minalien	Re: [HTML + Javascript] Need some help finding t... « Reply #15 on: July 31, 2011, 10:51:51 PM »
何？ Reputation: +6/-1 Offline Gender: Posts: 2084	You just need to know where to look, Source. Logged
何？ Reputation: +6/-1 Offline Gender: Posts: 2084

Nabeshin	Re: [HTML + Javascript] Need some help finding t... « Reply #16 on: July 31, 2011, 11:41:29 PM »
Reputation: +1/-0 Offline Gender: Posts: 446	Ruby <3 PHP <3 Don't fight, programming paradigms! Band together against your common enemy! (Drag-and-drop website generation ) « Last Edit: July 31, 2011, 11:43:21 PM by Nabeshin » Logged

Author Topic: [HTML + Javascript] Need some help finding tutorials (Read 1912 times)