Posts

Showing posts with the label HTML5

New blog domain: kula.blog

It's still work in progress but new posts will be published on  https://kula.blog/ Thanks to 11ty base blog RSS is working from the start so it should be easy to add to your reader if you still use any :) If now then I hope you can sign up to the newsletter where I'll be publishing new posts and interesting articles to it from time to time. Please use  kula.blog  from now on.

Book Review: Foundation HTML5 Animation with JavaScript by Billy Lamberta and Keith Peters

Image
When I first asked about it on gamedev.js group . Michal Budzynski  was discouraging me from this book, especially because of code quality but added that there are some good theoretical things to read about. I was brave enough to decide to ignore code quality all the time and only look at animation and theoretical ideas in the code. It took me a couple of months to start reading it, then a couple of months to digest it. Sometimes it was really much more about Math than JavaScript. My edition has many bugs in code samples so it was fortunate all examples are live on github pages:  http://lamberta.github.io/html5-animation/ . You can find even some extras :) After reading this book I can't say I'm right now animator, or that I know 3D. For sure it helped me think about many animation related topics. I found myself using things like easing from time to time in places I wouldn't think of before. For me it was really good reading. I know more about animations, exam...

Mobile HTML5 by Estelle Weyl

Image
Mobile HTML5 by Estelle Weyl Book "Mobile HTML5" is really good. I have heard about it last year at Front-Trends conference and I'm glad because of this. It's really good for beginners and intermediate developers.  Estelle Weyl reminded me that mobile HTML5 is 95% just HTML5. You can treat this book as a reference of various mobile quirks especially if you need to support something else than only newest Safari on iPhone.  If you are interested in HTML5 but mostly how to use it in mobile browsers this book is for you. It covers every aspect of mobile web development so you can read about CSS3, JavaScript and even some basics of DevTools.  Rating: 8/10 

Javascript Game Foundations - Ten Essentials

Image
Recently Jake Gordon finished last article of his  Javascript Game Foundations - Ten Essentials  and I think those 10 articles with posts about games he created is really good place to learn more about games and how to create them in JavaScript. I'm planning to read them all soon. Right now I'm: reading  http://gameprogrammingpatterns.com/  (at least one chapter a week)  watching  http://kursownik.pl/kursy/html5_canvas/  (beware it's in Polish :) Anyone knows something like kursownik.pl canvas course but for WebGL? Matrix Math? OpenGL maybe? But in POLISH? I think I would learn them faster in polish :)

July Update - SICP, The Modern Web, Functional JavaScript

Image
This will be short update! Books that I will talk about on today's  ReadingClub : SICP Really good and hard book. Right now I stumble upon many ideas that I read in SICP in very different places :)  Most of it is around Functional Programming and Clojure but still. The Modern Web by Peter Gasston Really good book about newest API's. It's still fresh so it's worth to read it!  Paranormality: Why we believe the impossible by  Prof. Richard Wiseman Awesome book! It's great to see how I've been fooled :) Being Geek by Michel Loop I was disappointed by this one. It's mostly about geek being team leader or manager. I'm not so much interested in it.  Functional JavaScript by Michael Fogus I have really high expectations about this book but unfortunately I feel that I miss something in it. Probably context of me and author are too different. One of the ideas in book started to make sense to me while learning mo...

Udacity HTML5 Game Development Classes Just Started!

Image
Classes just started so if you're into HTML5 Game Development this can be really beneficial to have some real classes and schedule for learning about it :) https://www.udacity.com/course/cs255 For the ones new to HTML/JS there is a JS crash course as first optional lesson so this should be enough to get you more familiar with technology. I don't know much about content of this course besides that we're going to build GRITS game as shown at last Google IO: Image from udacity.com

Performance Calendar 2012

Image
Check out Performance Calendar for 2012! If you know it from previous year treat this like a reminder, but if it's new look at articles from last year, read 3 (at time of writing) from this year and subscribe to RSS feed or just create new habit of reading it every day. Articles are great and are really relevant. Strongly recommended! :) http://calendar.perfplanet.com/2012/

WebSummary - SVG within HMTL5 Page - 2 December 2012

Image
Last week there was many interesting articles. I think that most popular was article about inlining SVG in HTML5:  Using Inline SVGs With HTML5 http://net.tutsplus.com/tutorials/html-css-techniques/using-inline-svgs-with-html5  There is also new article in Performance Calendar:  Is localStorage performance a problem? http://calendar.perfplanet.com/2012/is-localstorage-performance-a-problem/  If you are curious how to implement fast sroting algorithm in JS:  Computer science in JavaScript: Quicksort http://www.nczonline.net/blog/2012/11/27/computer-science-in-javascript-quicksort And best video from Microsoft I've seen: Microsoft: You Mad? Yeah, You Mad (Video) http://youtu.be/lD9FAOPBiDk

WebSummary - Insert coin to continue by @photonstorm - 25 November 2012

For this week only one but awesome presentation about monetization of HTML5 games in practice! "Insert coin to continue: Making money from your HTML5 games" by @photonstorm https://vimeo.com/53698801 "Insert coin to continue: Making money from your HTML5 games" by Richard Davey from onGameStart on Vimeo . This is really worth to watch, especially if you'r thinking about HTML5 game, or creating one.

WebSummary - DOM vs Canvas - 18 November 2012

Image
Short version of my links from twitter from last week. I hope you will enjoy them :) DOM Sprites: a Viable Alternative to Canvas   http://buildnewgames.com/dom-sprites/ Is canvas tag that much superior than plain old DOM? In many cases not. There is nice talk from onGameStart 2012 about it in context of crappy android phones and tablets.  http://vimeo.com/53452613  - "Making games for kids on the mobile web" by Jon Howard Stop Using Native HTML5! http://youtu.be/uQB4Y7wR51M JavaScript APIs you’ve never heard of (and some you have)  http://www.nczonline.net/blog/2012/11/13/javascript-apis-youve-never-heard-of Helpful Tips: The Difference Between Good And Bad Job Requirements http://www.smashingmagazine.com/2012/11/12/on-good-bad-requirements-lists/ If you have problem with finding good developer, or any developer maybe your job requirements are bad. I see this also in Poland. Those text can be translated 1-1 to Polish and you wil...

WebSummary - Best Tech Videos - 11 November 2012

Image
My list of best news from last week: Useful Tech Talks And Videos From Web Conferences:  http://www.smashingmagazine.com/2012/11/09/useful-tech-talks-videos-web-conferences/ Great talk about " Why Linux sucks":  http://www.youtube.com/watch?v=Sh-cnaJoGCw  (and how make it better) + some reading A web developer’s guide to the latest Chrome Beta:  http://blog.chromium.org/2012/11/a-web-developers-guide-to-latest-chrome.html 20 Kick-ass programming quotes  http://www.javacodegeeks.com/2012/11/20-kick-ass-programming-quotes.html Hope you will enjoy this list, happy watching and reading :)

WebSummary - fast JS, html5 myths and how to be a presenter. 6 November 2012

Image
From some time I think about posting here summary of my tweets. As most nowadays most of the time I use twitter and google reader for RSS, posting and sharing. Sometimes I use Yammer to share stuff in company. Downfall of that is that I stopped writing on my blog. I want to change it, but simply copying data from my twitter isn't going to be interesting, so I came up with the idea to filter it to most interesting links (in my opinion). Good and comprehensive article about writing fast JS, GC in JS VMs, just look at it, should be worth your time:  http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/ Myths on HTML5 by Mozilla:  https://hacks.mozilla.org/2012/11/html5-mythbusting/ From Geek to Presenter by Chris Heilmann:  http://christianheilmann.com/2012/11/02/from-geeks-to-presenters-a-talktraining-in-spotify-sweden/ Some ideas how to be better programmer:  http://www.wildbunny.co.uk/blog/2012/11/01/10-steps-to-b...

onGameStart 2012

Image
This post was started just few days after onGamesStart but I have hard time finishing it. Talks were really good and I hope that my personal preferences and laziness will not affect great speakers with shorter reviews :) So let's start: Day 0:  Workshop with Kornel Lesinski & Peter van der Zee - Architecting canvas platformer game During this workshop you will learn about OOP, game loop, timers, tile maps, game editor, map and character collisions, animation and state transitions, NPC AI. Detailed walkthrough of example code of a fully playable platformer game. What I have learned Make your game small and distinct from drawing and input so that it can run on Node or in WebWorker :) So there should be class for Input handling to make it static instead of event driven, and Extract rendering to other Object than game-loop main Object. Thanks to this distinction you can create many different Renderers eg. one for mobile and one for web. With this ...

My Game: Canon Defense

Image
If you know about #js13kgames contest you might be interested in my small game created for it. I called it Cannon Defense, but the sole purpose of creating it was to learn in practice how to create a game. You can say that it looks ugly, or is small, but for me it was great co create it. My submission is not yet online so if you want, play it at:  http://krzychukula.github.io/js13k/ Code is on github:  https://github.com/krzychukula/js13k What I have learned: User constructor and prototype inheritance for game objects. function Bullet(x, y){ this.x = x; this.y = y; } Bullet.prototype.draw = function(ctx){ ctx.drawRect(x, y, 10, 10); } It will be more memory efficient. Do not use translations to move objects For me it was hard to manage bullets flying at various angles and the first idea was to translate all bullets to cannon position, then add some offset variable and just move bullet on one X or Y angle using offset. It worked :) Until I had ...

Go to Hell Flash - Presentation by Michal Budzynski

Go to hell Flash, we don't need you anymore! GothamJs from michalbu Another great presentation from organizer of onGameStart Conference . I really like his style of presentations, and there are additional surprises in code for polish readers ;) More about conference:  http://gothamjs.com/schedule/index Please let me know if there will be available videos from this conference.

Code Player - walkthrough tutorials

Image
Many of us know projects such as jsfiddle where you can share your code, but those are for static code, of course you can fork that, but there is no easy way to see how it was done. With  http://thecodeplayer.com/  you can easily see how code is done by looking at how someone created it from scratch. I don't know if it will be popular but if add to it voice (now users write comments in code to describe what they are doing) it would be much better than screencasts with code on video. Couple months ago I've tried to write exercises from WebGL tutorial and it was really easy to get lost. Video is not aware of code, you can't easily get code that is shown at current time in video and play with it. Of course most of the time it's all about writing it by myself but after 20minutes of searching for bug in code (WebGL dev tools are rather weak at this) you want to just move on and copy working code, generate diff and see what is wrong, and maybe this is not about code bu...

X-Type - ImpactJS Chrome Experiment

Image
At Chrome Experiments there is new game written by Dominic Szablewski in ImpactJS Game Engine. See it at:  http://www.chromeexperiments.com/detail/x-type/ Game itself is available at:  http://www.phoboslab.org/xtype/ For those who want to read more about game itself see blog post on Phobos Lab blog:  http://www.phoboslab.org/log/2012/06/x-type-making-of Engine page can be found:  http://impactjs.com/

Wooga Pocket Island and Gladius 0.2

Image
Wooga published new game Pocket Island on Github:  https://github.com/wooga/Pocket-Island  play it at:  http://wooga.github.com/Pocket-Island/ipad.html Blog post about it:  http://www.wooga.com/2012/06/woogas-html5-adventure/ Another news is about Gladius, game engine from Mozilla. Engine is now in version 0.2. New version is mostly about improved API  and better modularity. Read more about at:  http://blog.mozilla.org/labs/2012/06/introducing-gladius-0-2/ Visit Gladius page:  https://mozillalabs.com/en-US/gladius/

WEBSHIMS LIB.

Image
Interesting project for shim all HTML5 features for old browsers! This could be for shims like jQuery for JS libraries :) But this is really hard to have both speed and support and in some cases it is just better to prompt user for better browser than trying to display things that will probably slow website to point it can't be used. This really interests me how long it will take to start and shim especially in old browsers when there is much more to shim. http://afarkas.github.com/webshim/demos/

Kickstrap

Kickstrap is a project that aim to be more powerful version of Twitter Bootsrap. Something like Bootstrap++ :) From start it has themes, many JS libraries, h5bp build script... http://ajkochanowicz.github.com/Kickstrap/index.html Kickstrap is not yet stable so beware until 1.0!

Schema.org vs. Microformats

Pretty good FAQ about this standards:   http://www.seomoz.org/blog/the-lowdown-on-structured-data-and-schemaorg-your-questions-answered Short answer: Schema.org has support of search engines so It has more chances to be de facto standard .