Dark Bit Factory & Gravity
GENERAL => Challenges & Competitions => Topic started by: Shockwave on December 03, 2011
-
:updance: TinyC5 Challenge 2011 :updance:
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! :D
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 (http://www.dbfinteractive.com/forum/index.php?topic=5397.0)
Challenge template (http://www.dbfinteractive.com/adminteam/benny/DBFChallengeTemplate.zip)
How to get started with TinyC5-Tutorial (http://www.dbfinteractive.com/forum/index.php?topic=5455.0)
Javascript Mod Music Player (http://www.photonstorm.com/flod)
Prizes
- First Place - Gold Trophy Sig - 15 Karma - £15
- Second Place - Silver Trophy Sig - 10 Karma - £10
- Third Place - Bronze Trophy Sig - 10 Karma - £10
Good luck everyone!
-
What an excellent idea for a challenge :)
Hopefully it will provide some good TinyC5 examples too!
-
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. :)
-
Also I forgot to put in the rules that all entries will get 2 Karma.
-
This could be fun. :D
Better brush up my javascript then :-[
-
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.
-
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
-
Cool challenge, should yield even more great examples for benny's lib! :clap:
Hope I'll be able to come up with something cool! :)
-
Javascript support has certainly come a long way since the JavaScript / Pi / Pie challenge a few years back.
Let battle commence!
-
Great!!! I'm making my best to produce something ;)
:clap:
-
hmmm okay, I would had use CODEF within (not for the main effect) but the rules are the rules!!! ;D
More work to implement my text effects... :whack:
-
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 :P.
If I delete the radius or shadow (works with each) css def (the lines in bold):
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?
-
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.
-
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 :cheers:
-
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!
-
It's the FX which should have all the processor power and not the shaded border.
Yep, I think so ;D
Okay, back to my code for this challenge ;) :updance:
-
...
Okay, back to my code for this challenge ;) :updance:
Yeah ... cool!
-
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 (http://members.iinet.net.au/~jimshaw/Yabasic/yabres/demos/shockwave/wowdemo.txt). That should give me a good starting point for the light-sourcing bit. Thanks Shockwave.
-
Yeah, glad you find Shocky's old code. Looking forward to see your entry! Good luck with it!
-
Mine's nearly finished - I just need to finish the AI code, the scroller text and add the music.
-
Mine's nearly finished - I just need to finish the AI code, the scroller text and add the music.
Woah .. sounds like a big one! Cool - looking forward to see it!
-
Mine too... in fact it is finished since one week :D But I'm adding new effects and removing some... :P
-
Sounds awesome, really curious to see what you all come up with!
I only managed to get my main effect working nicely, so I'm halfway there. Probably won't be impressing anybody here with my cheesy oldeschool effect, but I did impress myself, which is good! :)
-
Really looking forward to seeing all these. I'm sure they'll be really cool :)
-
I only managed to get my main effect working nicely, so I'm halfway there. Probably won't be impressing anybody here with my cheesy oldeschool effect, but I did impress myself, which is good! :)
hehe, will make a totally oldschool prod also... in fact I can't make anything else ;D
-
Really looking forward to seeing all these. I'm sure they'll be really cool :)
I totally second that ;-)
I only managed to get my main effect working nicely, so I'm halfway there. Probably won't be impressing anybody here with my cheesy oldeschool effect, but I did impress myself, which is good! :)
hehe, will make a totally oldschool prod also... in fact I can't make anything else ;D
Oldschool rulez!!! (http://www.bennyschuetz.com/2011/slidely-distorted/) ;-)
-
I'm going to have to abandon the light sourcing effect, as it is slowing down the rest of the entry.
The wireframe should be an eye-catcher.
-
I'm going to have to abandon the light sourcing effect, as it is slowing down the rest of the entry.
Hmm ... maybe you could post some pseudo code and we can think of any way to optimize it. Or just keep a backup, then we can try to optimize it after the comp
The wireframe should be an eye-catcher.
I am a sucker for wireframes. Already looking forward to see it.
-
The slowest bit was my attempt at writing a "fill triangle" function is the worst culprit in the slowdown.
I may have another go at it in January.
For now, I just need to add the music.
-
Yep, got the same problem here: some of my effects are really toooooo slow. For examples, I wanted to put a scrolltext in the bottom for all the demo, like in oldschool ones. But for the plasma and tunnel effect, some gasp appears, and the scroll stops being smooth...
My wireline part was using a "blur" effect but was also too slow. I used some oldtime trick like buffering the old coords in several arrays, but at the end, it was really not so good for me. So I managed to change it, it will be participating effect :D
Hooo just a question, I made at first a improved version of the tutorial effect, should I included it?
-
...
Hooo just a question, I made at first a improved version of the tutorial effect, should I included it?
Yes, please. That would be great. If you post it somewhere, I will update the tutorial.
-
fyi -
Tomorrow I will be at my parents house with no internet and I think that we'll all be having some Christmas Cheer so I'm going to try and open the voting on the 26th December if I'm sober enough!
The deadline of midnight tonight for new entries is unaffected though :)
-
fyi -
Tomorrow I will be at my parents house with no internet and I think that we'll all be having some Christmas Cheer so I'm going to try and open the voting on the 26th December if I'm sober enough!
Hahahah :clap: :clap: :clap: :xmas:
-
Shocky, take your time and enjoy xmas, mate! Thanks again for holding this competition. It's much appreciated.
Of course I want to thank everyone who entered this competition. I know that the time before xmas is stressy for everyone and I really did not expect to see seven entries. I was really amazed what you came all up with. The quality of the entries totally rocks (rembering its just javascript on a pixel-by-pixel basis)
Personally, I really love the fact that all entries feature purely oldschool effects - exactly what I had in mind when I started TinyC5. In addition, I am really happy to see that even people who havent used Javascript before created cool effects using the library. Also, thanks to all the great constructive feedback - there are some stuff on my todo list now to improve the lib and make it better.
So, again ... THANKS FOR ALL YOUR SUPPORT !!!
-
Thank you for bringing us TinyC5!!! :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap:
It was a really pleasure for me!!!
-
Yep ditto that! Really fun and rewarding challenge for me once again as well, and it was the tinyC5 lib that got me to consider plasma again, really happy I nailed it. :)
It's awesome how these challenges help me learn new stuff by providing the encouragement, inspiration and especially real good fun and competition. This is in fact why I wanted to make games; to try and make education more interesting. I think the DBF challenges already achieve this within the field of programming!
Another fine challenge with a good number of interesting entries! Well done all! :cheers:
-
Considering that this was limited to just one language that hardly anyone here used, seven entries is a fantastic result! Thanks to everyone who entered this challenge.. the next one will not be language specific, but you'll be able to use html 5 and tinyc5 if you like!
-
It shows the versatility of those who hadn't used JS before, and how they were able to port their knowledge of other languages into the new language.
I've been using JS for years, but that wasn't an advantage. I reckon the winner will be someone with the ability to convert their great skill into JS. That's just my opinion - reality may differ.