4335 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+10 more
Reaper-Media says

After recently finding myself bored in a “free lesson” at school, i found it appropriate to equip myself with a friend’s netbook and have a play around with javascript in notepad to show off to my mates. In roughly 2 hours, with nothing more than the stock google chrome, windows notepad (not ++ or anything), and no internet connection, i managed to come up with this:

http://reaper-media.com/labs/gravity_ball/

I am quite pleased with the outcome, i managed to get the physics of it working quite well, you can throw the ball around with your mouse, and reverse gravity by pressing any key. I was going to use trig to have the gravity constantly spinning around but didn’t have enough time to start that.

So anyway I got thinking, we have some pretty skilled coders in the marketplaces, especially on CC, wouldn’t it be interesting to see what you guys could come up with in the same time with the same limitations?

So here’s the challenge:

In two hours, using only a stock plain text editor (no js debugging or code snippets, just like the bog standard notepad in windows, textedit in mac, or gedit in ubuntu. Definately no IDE ’s), your favourite browser with a javascript console (chrome, or FF + firebug) with no more extensions, disconnect yourself from the internet, and abandon any javascript books you may know, and see what you can come up with. You are not allowed to use any libraries like jQuery, everything must be done from scratch.

Of course it’s not limited to just javascript, you can mix all aspects of html, css and js to get your creation. Lets see what you guys can come up with!

Good luck ;-)

Don’t forget to state the exact tools you used and how long it took you to develop whatever it is you’re going to develop!

NOTE : in all marketplaces to span CC, TF and AD

303 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 1+ items on Envato Market
+2 more
Laith says

I like that …. very nice code :P and a great way to entertain your self in a boring class :D :D :D

3788 posts Community Moderator
  • Helps us moderate the forums
  • Contributed a tutorial on Tuts+
  • Located in Netherlands
  • Made it to the Authors' Hall of Fame
+9 more
Joost Moderator says

Extremely well done! Thing is.. I’ve got a week without college this week – I’ll do this challenge next week somewhere when I’m in the train again. Guaranteed no internet ;)

4335 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+10 more
Reaper-Media says
I like that …. very nice code :P and a great way to entertain your self in a boring class :D :D :D

hehe cheers :D And it wasnt really a class, it was more like a set period of time where i’m supposed to be revising :D No teachers or anything ;) :P

4335 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+10 more
Reaper-Media says
Extremely well done! Thing is.. I’ve got a week without college this week – I’ll do this challenge next week somewhere when I’m in the train again. Guaranteed no internet ;)

Awesomeness! :-)

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by