ZFGC

Resources => Coding => Topic started by: King Tetiro on June 11, 2011, 01:49:25 pm

Title: [HTML + Javascript] Need some help finding tutorials
Post by: King Tetiro on June 11, 2011, 01:49:25 pm
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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Windy on June 11, 2011, 02:31:54 pm
you edit the image in a graphical editing program and the use the img tag.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: King Tetiro on June 11, 2011, 03:18:48 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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Cassyblanca on June 11, 2011, 05:57:21 pm
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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: . on July 12, 2011, 10:14:50 pm
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/
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: 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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: . 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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: King Tetiro on July 13, 2011, 10:02:14 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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Xiphirx on July 13, 2011, 10:04:13 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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Cassyblanca on July 13, 2011, 10:10:23 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~ :D
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Xiphirx on July 14, 2011, 04:10:44 am
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~ :D

Do not taint my mind with ruby D:
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Cassyblanca on July 14, 2011, 06:48:33 pm
Xiphirx = User.new "Xiphirx", 32

Xiphirx.save if Xiphirx.valid?

n____n
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Wasabi on July 24, 2011, 02:09:11 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 >_>
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Cassyblanca on July 25, 2011, 02:19:44 am
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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Source on July 31, 2011, 12:16:58 am
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.
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Cassyblanca on July 31, 2011, 10:51:51 pm
You just need to know where to look, Source. :P
Title: Re: [HTML + Javascript] Need some help finding tutorials
Post by: Nabeshin on July 31, 2011, 11:41:29 pm
Ruby <3
PHP <3

Don't fight, programming paradigms! Band together against your common enemy!
(Drag-and-drop website generation  >:D)

Contact Us | Legal | Advertise Here
2013 © ZFGC, All Rights Reserved