Author Topic: TINYC5 CHALLENGE!  (Read 7386 times)

0 Members and 1 Guest are viewing this topic.

Offline Shockwave

  • good/evil
  • Founder Member
  • DBF Aficionado
  • ********
  • Posts: 17371
  • Karma: 497
  • evil/good
    • View Profile
    • My Homepage
TINYC5 CHALLENGE!
« 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
Challenge template
How to get started with TinyC5-Tutorial
Javascript Mod Music Player


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!
Shockwave ^ Codigos
Challenge Trophies Won:

Offline Raizor

  • Founder Member
  • Pentium
  • ********
  • Posts: 1150
  • Karma: 174
    • View Profile
    • Raizor's Dev Blog
Re: TINYC5 CHALLENGE!
« Reply #1 on: December 03, 2011 »
What an excellent idea for a challenge :)

Hopefully it will provide some good TinyC5 examples too!
raizor

Challenge Trophies Won:

Offline Shockwave

  • good/evil
  • Founder Member
  • DBF Aficionado
  • ********
  • Posts: 17371
  • Karma: 497
  • evil/good
    • View Profile
    • My Homepage
Re: TINYC5 CHALLENGE!
« Reply #2 on: December 03, 2011 »
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 ^ Codigos
Challenge Trophies Won:

Offline Shockwave

  • good/evil
  • Founder Member
  • DBF Aficionado
  • ********
  • Posts: 17371
  • Karma: 497
  • evil/good
    • View Profile
    • My Homepage
Re: TINYC5 CHALLENGE!
« Reply #3 on: December 03, 2011 »
Also I forgot to put in the rules that all entries will get 2 Karma.
Shockwave ^ Codigos
Challenge Trophies Won:

Offline efecto

  • C= 64
  • **
  • Posts: 90
  • Karma: 4
    • View Profile
Re: TINYC5 CHALLENGE!
« Reply #4 on: December 03, 2011 »
This could be fun.  :D
Better brush up my javascript then  :-[

Offline benny!

  • Senior Member
  • DBF Aficionado
  • ********
  • Posts: 4379
  • Karma: 228
  • in this place forever!
    • View Profile
    • bennyschuetz.com - mycroBlog
Re: TINYC5 CHALLENGE!
« Reply #5 on: December 04, 2011 »
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.
[ mycroBLOG - POUET :: whatever keeps us longing - for another breath of air - is getting rare ]

Challenge Trophies Won:

Offline Jim

  • Founder Member
  • DBF Aficionado
  • ********
  • Posts: 5301
  • Karma: 402
    • View Profile
Re: TINYC5 CHALLENGE!
« Reply #6 on: December 04, 2011 »
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
Challenge Trophies Won:

Offline Kirl

  • Senior Member
  • Pentium
  • ********
  • Posts: 1184
  • Karma: 226
    • View Profile
    • Homepage
Re: TINYC5 CHALLENGE!
« Reply #7 on: December 04, 2011 »
Cool challenge, should yield even more great examples for benny's lib!  :clap:

Hope I'll be able to come up with something cool! :)
www.kirl.nl
Challenge Trophies Won:

Offline combatking0

  • JavaScript lives!
  • Senior Member
  • DBF Aficionado
  • ********
  • Posts: 4529
  • Karma: 235
  • Retroman!
    • View Profile
    • Combat King's Barcode Battler Home
Re: TINYC5 CHALLENGE!
« Reply #8 on: December 04, 2011 »
Javascript support has certainly come a long way since the JavaScript / Pi / Pie challenge a few years back.

Let battle commence!
You are our 9001st visitor.
Challenge Trophies Won:

Offline jace_stknights

  • Amiga 1200
  • ****
  • Posts: 396
  • Karma: 32
  • PEEK & POKE are not MOVEM!
    • View Profile
    • ST Knights WebSite
Re: TINYC5 CHALLENGE!
« Reply #9 on: December 05, 2011 »
Great!!! I'm making my best to produce something ;)

 :clap:
Challenge Trophies Won:

Offline jace_stknights

  • Amiga 1200
  • ****
  • Posts: 396
  • Karma: 32
  • PEEK & POKE are not MOVEM!
    • View Profile
    • ST Knights WebSite
Re: TINYC5 CHALLENGE!
« Reply #10 on: December 05, 2011 »
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:
Challenge Trophies Won:

Offline jace_stknights

  • Amiga 1200
  • ****
  • Posts: 396
  • Karma: 32
  • PEEK & POKE are not MOVEM!
    • View Profile
    • ST Knights WebSite
Template Problem?!?
« Reply #11 on: December 05, 2011 »
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):
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?
« Last Edit: December 05, 2011 by jace_stknights »
Challenge Trophies Won:

Offline benny!

  • Senior Member
  • DBF Aficionado
  • ********
  • Posts: 4379
  • Karma: 228
  • in this place forever!
    • View Profile
    • bennyschuetz.com - mycroBlog
Re: TINYC5 CHALLENGE!
« Reply #12 on: December 05, 2011 »
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.
[ mycroBLOG - POUET :: whatever keeps us longing - for another breath of air - is getting rare ]

Challenge Trophies Won:

Offline jace_stknights

  • Amiga 1200
  • ****
  • Posts: 396
  • Karma: 32
  • PEEK & POKE are not MOVEM!
    • View Profile
    • ST Knights WebSite
Re: TINYC5 CHALLENGE!
« Reply #13 on: December 05, 2011 »
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:
Challenge Trophies Won:

Offline benny!

  • Senior Member
  • DBF Aficionado
  • ********
  • Posts: 4379
  • Karma: 228
  • in this place forever!
    • View Profile
    • bennyschuetz.com - mycroBlog
Re: TINYC5 CHALLENGE!
« Reply #14 on: December 05, 2011 »
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!
[ mycroBLOG - POUET :: whatever keeps us longing - for another breath of air - is getting rare ]

Challenge Trophies Won:

Offline jace_stknights

  • Amiga 1200
  • ****
  • Posts: 396
  • Karma: 32
  • PEEK & POKE are not MOVEM!
    • View Profile
    • ST Knights WebSite
Re: TINYC5 CHALLENGE!
« Reply #15 on: December 05, 2011 »
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:
Challenge Trophies Won:

Offline benny!

  • Senior Member
  • DBF Aficionado
  • ********
  • Posts: 4379
  • Karma: 228
  • in this place forever!
    • View Profile
    • bennyschuetz.com - mycroBlog
Re: TINYC5 CHALLENGE!
« Reply #16 on: December 05, 2011 »
...
Okay, back to my code for this challenge  ;) :updance:

Yeah ... cool!
[ mycroBLOG - POUET :: whatever keeps us longing - for another breath of air - is getting rare ]

Challenge Trophies Won:

Offline combatking0

  • JavaScript lives!
  • Senior Member
  • DBF Aficionado
  • ********
  • Posts: 4529
  • Karma: 235
  • Retroman!
    • View Profile
    • Combat King's Barcode Battler Home
Re: TINYC5 CHALLENGE!
« Reply #17 on: December 05, 2011 »
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.
« Last Edit: December 05, 2011 by combatking0 »
You are our 9001st visitor.
Challenge Trophies Won:

Offline benny!

  • Senior Member
  • DBF Aficionado
  • ********
  • Posts: 4379
  • Karma: 228
  • in this place forever!
    • View Profile
    • bennyschuetz.com - mycroBlog
Re: TINYC5 CHALLENGE!
« Reply #18 on: December 06, 2011 »
Yeah, glad you find Shocky's old code. Looking forward to see your entry! Good luck with it!
[ mycroBLOG - POUET :: whatever keeps us longing - for another breath of air - is getting rare ]

Challenge Trophies Won:

Offline combatking0

  • JavaScript lives!
  • Senior Member
  • DBF Aficionado
  • ********
  • Posts: 4529
  • Karma: 235
  • Retroman!
    • View Profile
    • Combat King's Barcode Battler Home
Re: TINYC5 CHALLENGE!
« Reply #19 on: December 15, 2011 »
Mine's nearly finished - I just need to finish the AI code, the scroller text and add the music.
You are our 9001st visitor.
Challenge Trophies Won: