TINYC5 CHALLENGE!

[Shockwave]

  TinyC5 Challenge 2011 


This time the challenge is a bit different. Instead of focussing on a certain theme - we focus on a technology. The TinyC5 Challenge is about creating a demoscene related effect using Benny's excellent TinyC5 library.  To help you get started Benny has  provided a small template which offers you the basic setup - this way you can fully concentrate on pushing those pixels!
 
Of course feel free to create your own setup if you like!



TinyC5 is a library that will enable you to do TinyPTC style programming in modern web browsers!  Benny has kindly linked the project on Google Code into DBF and  the best entries are going to be packaged with the TinyC5 library.  It's a really cool thing to use, it's really new so nobody should have a huge advantage!


Inspiration


TinyC5 is a framebuffer graphics library inspired by TinyPTC/PixelToaster - it is fitted best for pixelbased effects. Have a look at the following examples if you are looking for inspiration:

Vertical Rasters

[youtube]VLWwxlNB4hw[/youtube]

Realtime Plasma

[youtube]dcS12sDIhIQ[/youtube]

Tunnel / Wormhole

[youtube]yQ8xnoG8tLg[/youtube]

Rotozoom

[youtube]Y74bp3K7P4E[/youtube]

Fire

[youtube]Q2q0ZIO-_4k[/youtube]


Maybe as it's Christmas soon, you can even make something festive!

[youtube]V4z2HGHxWnk[/youtube]



Rules

• Your demo must contain at least one demoscene effect.
• The effect must run in at least one modern browser (Chrome, Firefox , Opera, Internet Explorer).  We suggest you support Chrome as it offers the best frame rates.
• Your demo must use TinyC5 library to render it's effect(s), we are excluding all the other browser canvass libraries this time because we want to build up a range of examples to support TinyC5. (Other canvass libraries will be supported in future comps).
• Please write something new for the challenge, no previously released stuff.
• Do not use ripped routines.
• If you want to include music using any publicly available players then feel free, but all graphics rendering must be done with TinyC5.
• Entries to be posted in this forum please with the title [TINYC5] entry name.
• Entries may be posted between NOW and Midnight of [24th December 2011] - UK GMT
• The winners will be decided by a poll of forum users
• In tie breaks, there will be a vote-off, the prize fund may be split in situations like this.
• Late entries absolutely will not be counted for voting, even if they are just one second over the deadline.
• Please PM any correspondence regarding rules to me, don't discuss  them here such posts will be removed and not answered.
• After the submission deadline You may NOT post ANY further attachments to final or other versions of your entry ANYWHERE on this forum until voting has closed.
• Prize money is by Paypal only. No other forms will be discussed.  PLEASE don't refuse your prize if you win!
• As well as appearing in DBF's showcase, your entry may be video captured and placed on DBF's youtube channel.
• You may post as many entries as you like, if you are going to post more than one we suggest that you build them all into the same index.html page so you don't split your votes with multiple entries.
• Collaberative entries are cool, if you win, you'll each get the same Karma / Trophy but the cash prize will go to the person who posts the entry.
• Your entry MUST be posted like this;
  A Zip or Rar file which contains everything needed to launch your demo attached to your post.
  A screenshot with no ugly browser or menu borders 640 X 480 please, .JPG or .PNG
  Please only post finished work, if you update your entry the final one will be voted on.
  You may post a Youtube video if you like, use the [ youtube ] tags.
  There should be a single index.html file that will run your demo when loaded with a modern internet browser.
  

Resources

Some useful things to help you get started;

Latest version of TinyC5
Challenge template
How to get started with TinyC5-Tutorial
Javascript Mod Music Player


Prizes

Good luck everyone!

[Raizor]

What an excellent idea for a challenge

Hopefully it will provide some good TinyC5 examples too!

[Shockwave]

What an excellent idea for a challenge

Hopefully it will provide some good TinyC5 examples too!

Yeah, hopefully there will be lots of participants because it's a chance to learn something new and to support Benny who is a really great guy who's supported DBF for years.

[Shockwave]

Also I forgot to put in the rules that all entries will get 2 Karma.

[efecto]

This could be fun. 
Better brush up my javascript then 

[benny!]

Yeah, I am excited and feel really honored that DBF is doing this challenge. Hope this challenge is fun for everyone.

If anyone has any javascript related questions, please post them in the coding boards, I will do my best to help you if I can.

[Jim]

JavaScript is a great language, not just for web but also for enterprise applications like massively parrallel document storage systems CouchDb and Hadoop that support Facebook and Google. Let's use it for pixel pushing too!
I code with it daily and will try to help Benny with any questions.

Jim

[Kirl]

Cool challenge, should yield even more great examples for benny's lib! 

Hope I'll be able to come up with something cool!

[combatking0]

Javascript support has certainly come a long way since the JavaScript / Pi / Pie challenge a few years back.

Let battle commence!

[jace_stknights]

Great!!! I'm making my best to produce something

 

[jace_stknights]

hmmm okay, I would had use CODEF within (not for the main effect) but the rules are the rules!!! 

More work to implement my text effects...

[jace_stknights]

Re-Re-Hi,

got some problems with the template on my PC. If I use the challenge one, the tinyC5 effect lacks and runs nearly 3 frame .
If I delete the radius or shadow (works with each) css def (the lines in bold):

Code: [Select]

canvas {
    border: 8px solid #f1f1f1;
[b]    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; [/b]
    border-radius: 10px;

[b]    -moz-box-shadow: 10px 10px 15px #000;
    -webkit-box-shadow: 10px 10px 15px #000; [/b]
    box-shadow: 10px 10px 15px #000;
    outline: 0;
}

everything runs fine?!?! I'm actually using chrome 15.0.874.121 m...

someone got an idea?

[benny!]

Hmm ... since the shadow effect is bind the canvas itself it might effect the overall canvas performance, which would be of course bad.

I will investigate this. Thanks for pointing this out.

[jace_stknights]

Hmm ... since the shadow effect is bind the canvas itself it might effect the overall canvas performance, which would be of course bad.

I will investigate this. Thanks for pointing this out.

Thanx to you

[benny!]

Allight, I tested it using a framecounter - and you are absolutely right. The shaded border slowed down the performance a lot. I removed the shadowed border form the original template. It's the FX which should have all the processor power and not the shaded border.

Thanks again Jace ... good call!

[jace_stknights]

It's the FX which should have all the processor power and not the shaded border.

Yep, I think so 

Okay, back to my code for this challenge 

[benny!]

...
Okay, back to my code for this challenge 

Yeah ... cool!

[combatking0]

I was stuck for an idea for this, but:

TinyC5 + the engine I've been using to make a posable person in AS / JS + the light-sourcing technique used to make YABASIC cubes that bit more realistic + using something far from human shaped as my inspiration + a little inverse kinematics = a demo which may give me a chance of winning 3rd.

Oh yes. Now I just need to find a light-sourced YABASIC cube.

(edit)
I have found Shockwave's WowDemo. That should give me a good starting point for the light-sourcing bit. Thanks Shockwave.

[benny!]

Yeah, glad you find Shocky's old code. Looking forward to see your entry! Good luck with it!

[combatking0]

Mine's nearly finished - I just need to finish the AI code, the scroller text and add the music.