Forum - Socoder

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|646\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Web Development -> PlayMyCode - Beta testers wanted
Page : 1 2 Next Prev
Thu, 16 Dec 2010, 19:50
JL235	I'm sure several members have heard me mention a site I'm currently building, PlayMyCode.com. It's a site where you can sign up, then create a new game project, write it's code, manage it's images, publish and then share it online all from our site. The idea is to get away from messing with installing and distributing plugins, tools, libraries, IDEs and compilers. Everything is all wrapped seamlessly. Note that it doesn't support IE 8 or below (they don't have HTML5 support). What am I after? The site has just moved from alpha to beta. It's still got more features to be added and it's still got a few bugs in places, but today you can build games in this. So as it's usable we (me and my brother) are now looking for a small group of users to help test it out. I'm looking for people to make content, find bugs and give feedback on the site. Anything you build is hosted by us on your behalf and you can then distribute it anywhere you want (i.e. embed it into your blog, or paste a link on facebook or twitter). Anything you build is also open source. How? We use our own Ruby-like language called Quby as it allows us to prevent certain features of JavaScript. This is for security reasons so in the future we can allow users to safely login via games. It also allows you to use classes and other features not present in JS. The games automatically run on top of a HTML 5 canvas, and we provide simple bindings so you draw directly to it. Examples? A range of published examples are available on the sites play section. For each game you can then click on the 'code' button to see the source code behind it. You can also check out the sandbox where you can experiment and write code (but you can't save, for that you need to sign up an start a project). If your interested then just go to the site, join up now and start building. If you have any feedback or questions it might be best to post in this topic so others can see and discuss; but otherwise feel free to just PM me (there is also a contact e-mail on the site).
Thu, 16 Dec 2010, 19:51
CodersRule	peers in Oh hi there. I'd love to help you.
Thu, 16 Dec 2010, 22:41
Evil Roy Ferguso	Had a go with it for a bit and found two bugs, one major, one minor. A Javascript injection bug: Here it's just doing "alert" repeatedly, but it could do worse. onEachFrame() do fill( 10, 10, 50 ) setAlpha( 1 ) setFont( 'Arial', 72, 'bold italic' ) setColor( 255, 245, 238, 0.75 ) // here the magic happens fillText( "Hello \", 40, 100 ); alert('hi mom');(\"", 40, 100 ) end --v More minor, // inside of string literals is probably not being handled correctly. The following line is an error because it thinks everything after the // is commented out: fillText( "//", 40, 100 ) --v Overall, though, this is some very cool stuff you're doing. HTML5-based games are on the way in and this makes developing them much more accessible to non-web people. Quby seems like the start of a very nice language -- the static analysis features in particular please me.
Fri, 17 Dec 2010, 00:52
HoboBen	Minor cosmetic issue -=-=- blog \| work \| code \| more code
Fri, 17 Dec 2010, 00:59
HoboBen	Your cookies are not set to work on both www.playmycode and playmycode.com; this leads to a confusing situation where you think you're logged in (and you are in another tab!) and clicking on "build" sends you to the sandbox instead. -=-=- blog \| work \| code \| more code
Fri, 17 Dec 2010, 01:06
JL235	Thanks for the bugs. The injection one is now be fixed but I'll be fixing the second one when I get more time (it's a lot more tricky to do right). In regards to the satic analysis; a few months ago I went out with some friends and met a guy in a bar who was a Film Studies student. I mentioned I was a web developer and he then ranted at me for the next 15 minutes about how irritating he found the lack of static analysis in PHP (he'd did some in his spare time). If you remove a few exotic features (like eval) from dynamic languages, it makes them _much_ easier to predict and check. @Ben, what version of FireFox are you running? That doesn't happen in mine.
Fri, 17 Dec 2010, 01:51
HoboBen	3.6.6 / Windows XP
Fri, 17 Dec 2010, 02:17
JL235	Does it occur on other dialogs, or was it just on that one?
Fri, 17 Dec 2010, 02:47
HoboBen	All of them. Firefox 3.6.12 on Linux has the same problem, to the extent that the title is completely hidden. -=-=- blog \| work \| code \| more code
Fri, 17 Dec 2010, 03:55
HoboBen	Wishlist: be able to create an image and use drawPixel, etc on them. Perhaps to simplify the syntax changes, a "setDrawTarget" command so that the commands don't change. -=-=- blog \| work \| code \| more code
Fri, 17 Dec 2010, 03:59
JL235	I'd probably just add the methods to the image class. Currently you can draw to the canvas and then turn the canvas into an image. Downside is that you get the whole canvas and you need to use one of the drawImage functions to get the section where you drew.
Fri, 17 Dec 2010, 04:19
HoboBen	Any plans for switch/case statements?
Fri, 17 Dec 2010, 04:41
JL235	"Hoboben" Any plans for switch/case statements? None. My main issue is that I personally never use them. I just use if's instead. So they would be right at the back of features to add.
Fri, 17 Dec 2010, 06:35
HoboBen	I have a game of higher-or-lower that is buggy. If you run it with the console, the cards sometimes change their values to something else. It's entirely possible that it's my fault though. How do you properly free things? -=-=- blog \| work \| code \| more code
Fri, 17 Dec 2010, 15:39
JL235	HoboBen It's entirely possible that it's my fault though. How do you properly free things? It's garbage collected. So when you no longer have a reference it's free'd. I'll have a look through your code laterz, see if I can see the bug.
Fri, 17 Dec 2010, 15:49
JL235	As your building GUI components something that might interest you is that you can grab the do blocks attached to any function (if it's there). For example instead of: button = new Button("Click Me") button.update() if button.clicked() // do something end --v you could do... button = new Button("Click Me") do // do something end button.update() --v If the last parameter in a constructor or method starts with an ampersand it will grab any associated do block. If the block is missing then you just receive null. You can then call this later using the Function methods in the API. Like: class Button def new( text, &event ) @text = text @event = event end def update() if clicked() and @event != null @event.call() end end end --v I really need to add the above to the docs (it's in the API but not in the Quby syntax section).
Sat, 18 Dec 2010, 00:50
JL235	Ben I debugged your code. The issue was a logic error as you were playing a card when resetting (and so lost the current card). My code changes are marked in the source below. They are each 1 line additions or removal. There are three of them: // Constants $SW = getScreenWidth(); $SH = getScreenHeight(); // Global Variables $timer = 0; $controls = 0; $cards = []; $gGame = 0; $gActiveCard = 0; // Gui $ui = 0; $btnStart = 0; $btnHigher = 0; $btnLower = 0; // === Init === Init(); def Init() $controls = new controls(); $ui = new elementList(); $btnStart = $ui.createButton("Restart", 10, $SH-40, 100, 30); $btnHigher = $ui.createButton("Higher", $SW/2 - 50, $SH/2-60-30, 100, 30); $btnLower = $ui.createButton("Lower", $SW/2 - 50, $SH/2+60, 100, 30); 52.times() do \|i\| $cards[i] = new card(i+1); end $gGame = new game(); $timer = new frameTimer(30); end // === main === onEachFrame() do fill( 64, 64, 128 ) $timer.sync() $gActiveCard.update(); $gGame.draw() $ui.update() if ($btnStart.clicked()) // ### CHANGE: added playCard() before resetting $gGame.playCard() $gGame.reset() end if ($btnHigher.clicked()) $gGame.playHigher() end if ($btnLower.clicked()) $gGame.playLower() end setFont( 'Arial', 24); setColor( 200, 200, 255); fillText( "Score: "+$gGame.getScore(), $SW/2, $SH/2 - 80-30-10, true); setFont( 'Arial', 12); setColor( 128, 128, 128); fillText( "FPS: " + ($timer.fps()).floor(), 4, 14, false); end // === game === class game def new() @score = 0 @xoffset = 0 @played = [] @currentValue = 0 playCard() end def draw() @played.each() do \|thisCard\| thisCard.draw(); end end def playHigher() // ### CHANGE: added missing @currentValue assignment @currentValue = $gActiveCard.value() discardActiveCard() playCard() if ($gActiveCard.value() > @currentValue) success() else if ($gActiveCard.value() == @currentValue) tie() else lose() end end def playLower() @currentValue = $gActiveCard.value() discardActiveCard(); playCard(); if ($gActiveCard.value()) < @currentValue success(); else if ($gActiveCard.value()) == @currentValue tie(); else lose(); end end def success() @score = @score + 3; end def tie() @score = @score + 1; end def lose() reset(); end def reset() @score = 0; @played.each() do \|thisCard\| thisCard.free() end // ### CHANGE: removed duplicate playCard() call end def discardActiveCard() oldCard = new playedCard($gActiveCard.id()); @played.add(oldCard); shiftPlayedCards(); $gActiveCard.free(); end def shiftPlayedCards @played.each() do \|thisCard\| thisCard.shift(); end end def playCard() $gActiveCard = new activeCard(); end def setScore(score) @score = score; end def getScore() return @score; end end // === active === class activeCard def new() @id = (rand(1.0, 52.0) - 1.0).floor(); @x = $SW; end def update() if (@x > $SW/2) @x = @x - ($timer.delta() * 20.0); else @x = $SW/2 end $cards[@id].draw(@x, $SH/2); end def id() return @id; end def value() return $cards[@id].value(); end def free() //console("STUB: activeCard.free"); end end // === played === class playedCard def new(id) @id = id; @x = ($SW/2) - 60; @visible = 1; end def shift() @x = @x - 20; end def draw() if (!@visible) return end $cards[@id].draw(@x, $SH/2); end def free() @visible = 0; //console("STUB: playedCard.free"); end end // === cards === class card def new(i) @img = new image(""+i+".png") if ((i >= 1) && (i <= 4)) // ace value = 1; else value = (52 - i); value = (value / 4) + 2; value = value.floor(); end @value = value; end def value() return @value; end def draw(x, y) drawImage(@img, x, y, 1); end end // === elementList === class elementList def new() @elements = [] @lastDown = 0; end def createButton(label, x, y, w, h) element = new element(1, label, x, y, w, h) @elements.add(element); return element; end def update() mh = 0; md = $controls.isLeftDown(); mx = $controls.getMouseX(); my = $controls.getMouseY(); if ((!md) && (@lastDown)) mh = 1; end @elements.each() do \|element\| element.update(mh, md, mx, my) end @lastDown = md; end end // === elements === class element def new(type, label, x, y, w, h) @label = label; @x = x; @y = y; @w = w; @h = h; @type = type; @visible = 1; @state = 0; @clicked = 0; @colors = [8]; 16.times() do \|i\| @colors[i] = new color(); end end def visible(bool) @visible = bool; end def clicked() tmp = @clicked; @clicked = 0; return tmp; end def update(mh, md, mx, my) if (@visible) if (@type == 1) updateButton(mh, md, mx, my); renderButton(); end end end def updateButton(mh, md, mx, my) if ((mx > @x) && (mx < @x+@w) && (my > @y) && (my < @y+@h)) @state = 1; if md @state = 2; end if mh @clicked = 1; end else @state = 0; end end def renderButton() if (@state == 0) @colors[0].pack(255, 255, 255); @colors[1].pack( 0, 0, 0); @colors[3].pack(200, 200, 255); @colors[4].pack(100, 100, 255); @colors[5].pack(0, 0, 0); txty = 0; else if (@state == 1) @colors[0].pack(255, 255, 255); @colors[1].pack( 0, 0, 0); @colors[3].pack(225, 225, 255); @colors[4].pack(128, 128, 255); @colors[5].pack(0, 0, 0); txty = 0; else if (@state == 2) @colors[0].pack( 0, 0, 0); @colors[1].pack(255, 255, 255); @colors[3].pack(100, 100, 255); @colors[4].pack(200, 200, 255); @colors[5].pack(0, 0, 0); txty = 2; end // middle r0 = @colors[3].r(); g0 = @colors[3].g(); b0 = @colors[3].b(); r1 = @colors[4].r(); g1 = @colors[4].g(); b1 = @colors[4].b(); @h.times() do \|i\| r = (r1 * (i / @h)) + (r0 * ((@h - i) / @h)); g = (g1 * (i / @h)) + (g0 * ((@h - i) / @h)); b = (b1 * (i / @h)) + (b0 * ((@h - i) / @h)); setColor(r, g, b); drawLine(@x, @y + i, @x + @w, @y + i, 1); end // bottom, right @colors[1].set(); drawLine(@x, @y + @h, @x + @w, @y + @h, 1); drawLine(@x + @w, @y, @x + @w, @y + @h, 1); // top, left @colors[0].set(); drawLine(@x, @y, @x + @w, @y, 1); drawLine(@x, @y, @x, @y + @h, 1); // text @colors[5].set(); setFont( 'Arial', 12, 'bold'); fillText( @label, @x + (@w/2), @y + (@h/2) + txty, true); end end // === colors === class color def new() @r = 0; @g = 0; @b = 0; @a = 255; end def pack(r, g, b) @r = r; @g = g; @b = b; end def pack(r, g, b, a) @r = r; @g = g; @b = b; @a = a; end def r() return @r; end def g() return @g; end def b() return @b; end def a() return @a; end def set() setColor(@r, @g, @b, @a); end end // === frameTimer === class frameTimer def new(ticksPerSecond) @fps = 0; @ticks = 0; @ticked = 0; @delta = 0.0; @ticksPerSecond = ticksPerSecond; @msPerTick = 1000 / ticksPerSecond; @tNow = 0; @tFrame = 0; @tFrameInc = 0; @prevDelta = [16]; reset(); sync(); end def reset() tNow = getTime(); @fps = 0; @ticks = 0; @ticked = 0; @delta = 1.0; @tNow = tNow; @tFrame = tNow; @tFrameInc = 0; 16.times() do \|i\| @prevDelta[i] = 1.0; end end def sync() tNow = getTime(); @tFrame = tNow - @tNow; @tNow = tNow; dtFrame = 0.0 + @tFrame; @tFrameInc = @tFrameInc + @tFrame; if (@tFrameInc > @msPerTick) @ticked = 1; @tFrameInc = @tFrameInc - @msPerTick; @ticks = @ticks + 1; else @ticked = 0; end if (dtFrame > 0.0) @fps = 0 + (1000.0/dtFrame); else @fps = 999; end @delta = (dtFrame / 1000.0) * (60.0 * 60.0 / @ticksPerSecond); deltaTotal = 0; 16.times() do \|i\| deltaTotal = deltaTotal + @prevDelta[i]; if (i > 0) @prevDelta[i] = @prevDelta[i-1]; else @prevDelta[0] = @delta; end end deltaTotal = deltaTotal + @delta; deltaAvg = deltaTotal / (16+1); delta = deltaAvg; end def ticked(mod) if (mod == 1) return @ticked; end return (((@ticks % mod) == 0) && (@ticked)); end def fps() return @fps; end def delta() return @delta; end end --v Otherwise it's a nice game, it'd be good to see it finished! You can also use spaces in project names, you don't need to use underscores.
Sat, 18 Dec 2010, 04:13
HoboBen	Oooh thanks very much for fixing it. There's no way to rename the project at the moment though (and I don't want to upload 52 cards again!) Btw, I just tested it on my iPod Touch; it's slightly slow (still playable), but the text is upside-down and outside of the box. Still, better than Flash! -=-=- blog \| work \| code \| more code
Sat, 18 Dec 2010, 16:00
JL235	Would you like me to rename it to 'Higher Lower' in the DB?
Sat, 18 Dec 2010, 18:33
JL235	Btw you should probably remove the fps counter in the top left. If you also use the User class in the docs you can save the users highest score to the server (if they are logged in).
Tue, 21 Dec 2010, 03:15
JL235	HoboBen Wishlist: be able to create an image and use drawPixel, etc on them. It's not official (I haven't done the docs yet) but you can now get and set the pixels from an image. img = new Image("my_image.png") img.setPixel( x, y, red, green, blue ) img.setPixel( x, y, red, green, blue, alpha ) img.getPixel( x, y ) do \|red, green, blue\| // work with colours end img.getPixel( x, y ) do \|red, green, blue, alpha\| // work with colours end --v I will be adding 'getRed', 'getGreen' and so on later, and alpha must be a value from 0 to 1 (like with setColor and getAlpha functions).
Tue, 21 Dec 2010, 04:07
HoboBen	Neat! I was wondering why alpha wasn't working, too; I was expecting 0-255. -=-=- blog \| work \| code \| more code
Tue, 21 Dec 2010, 06:38
JL235	HoboBen Neat! I was wondering why alpha wasn't working, too; I was expecting 0-255. I am thinking of changing this for that very reason. It's more unified if they are all 0 to 255. However on the other hand it makes it easier to do: setAlpha( life / maxLife ) --v then... setAlpha( (life/maxLife) * 255 ) --v Personally I'd rather have all three values as 0 to 1, but then it doesn't match paint apps that use 0 to 255. : (
Wed, 19 Jan 2011, 15:23
Evil Roy Ferguso	Sorry to necromance, but finally got a chance to play around with it. Made a game in a pretty short span of time. So my feedback: - I still like the language quite a bit -- for simple games it's a nice blend of Ruby and Blitz, although until it's a little bit more mature I would shy away from a larger project. - I forgot how painful it was to work in one file -- do you expect to introduce multi-file projects at any point in the future?
Wed, 19 Jan 2011, 15:35
JL235	Evil Roy - I still like the language quite a bit -- for simple games it's a nice blend of Ruby and Blitz, although until it's a little bit more mature I would shy away from a larger project. I probably agree. It now supports inheritance (although it's undocumented) but it needs sound, line numbers reported at runtime (which is not easy) and modules before I'd consider it being good enough for a big game. That said Space Snake Galaxies is over 3,500 lines so you can build things of a decent size. Evil Roy - I forgot how painful it was to work in one file -- do you expect to introduce multi-file projects at any point in the future? Yes! It's partly supported in the backend and DB and a much needed feature. It will definitely be added! And thanks again for your feedback.
Page : 1 2 Next Prev

What am I after?

How?

Examples?