Wszystko
Wszystkie
Archiwum
3
HTML5 tutorial: a photo on the Canvas with clickable elements
In this HTML5 tutorial we will create clickable points on the photo, which is mounted on the Canvas element. By adding a bit of JavaScript we obtain an interesting and useful effect.
z- 1
- #
- #
- #
- #
- #
Zacząłem przenosić grę z C# SFML do #canvas przy pomocy Saltarelle Compiler. Na razie można tylko podnosić i rzucać pudełkami (jak w Chip & Dale na NES), albo układać sobie jedno na drugim. Oceńcie czy dobrze śmiga czy może za dużo zużywa CPU. Do kolizji użyłem metody z siatką więc chyba powinno być OK tylko nie wiem czy nie przepisywać do WebGL.
Klawisze: strzałki, Z - podnieś/postaw pudełko, X
- 1
15
Techniki rysowania w canvasie
Genialny neighbor points connection concept, strasznie fajnie się tym pobawić.
z- 1
- #
- #
- #
- #
- #
- #
- #
pytanie: czy to jest normalne, ze w 1 pliku jest 1500 linii skomplikowanego kodu, czy tylko na potrzeby tej strony? (brak sarkazmu - nie wiem)
c.moveTo(100.5,0)
c.lineTo(100.5,10)
bo jak zrobie na x= 100 to wyjdzie 2px rozmazana linia, wie ktoś jak to naprawić?
bo skoro linię rysuje dajmy na tym x=100 to dla 1 piksela powinna rysować na całym setnym pikselu
@michal__q: Kolego - jak mawiał mój wykładowca ze studiów: albo liczymy słupki, albo odstępy. W tym wypadku numerujesz odstępy. Piksel jest "kwadracikiem" o szerokości jednego piksela i wysokości jednego piksela. Ten w lewym górnym rogu ekranu ma lewy górny róg na 0,0, a prawy dolny na 1,1. Czyli środek na 0.5, 0.5
https://dl.dropboxusercontent.com/u/44884054/dema/current/allwebgl2d.html
#programowanie #canvas #webgl #js
BTW @rezoner - fajny trick wymyśliłem do rysowania mapy z klocków w webgl (pewnie ktoś jużna to wpadł wcześniej, ale nie spotkałem się). Rysuję tylko 2 trójkąty i mam dowolnej wielkości mapę (w tym przykłądzie 4096x4096 klocków 64x64 piksele każdy).
- 1
- 1
Jak rysowałem po bożemu, robiąc na każdego klocka 2 trójkąty, to było dużo wolniej
- 2
26
[eng] Canvas Query 0.8 + interaktywne demo
Chciałbym poznać opinie osób, które mnie śledzą, korzystają, bądz zaczną korzystać z tej biblioteki - na temat formy prezentacji nowych funkcji, którą przygotowałem z tym wydaniem. Kosztuje to trochę pracy, ale jeżeli się spodoba to opatrzę w nią wszystkie poprzednie wersje.
z- 8
- #
- #
- #
- #
- #
- #
- 4
#programowanie #javascript #canvas #html5 #rezogry
396
Haiku Sketchbook - Moja aplikacja przeglądarkowa udająca odręczne rysowanie
Nie miałem wczoraj internetu i wykorzystałem ten czas, żeby zrobić takie małe narzędzie. Najlepiej działa w chrome + linux. Wszystkie pędzle są generowane proceduralnie co skutkuje sporymi wymaganiami.
z- 107
- #
- #
- #
- #
- #
- #
- #
- 7
Na koniec dnia zostawiam wam swój najnowszy wytwór:
http://canvasquery.com/examples/matchPalette/
#programowanie #javascript #html5 #canvas
- 5
- 1
jako, ze jest to moja pierwsza realizacja w canvas/html5 wszelkie uwagi czy sugestie bardzo mile widziane - mikolajem balansuje sie strzalkami lewo/prawo. gra podlaczona jest pod fb app, dajac jej uprawnienia opublikujesz hi/top wyniki
byc moze dodany bedzie jeszcze dzwiek, chcialbym tez poprawic troche sama fizyke gry, ale raczej watpie ze bedzie na to czas (niestety) z racji charakteru projektu (self
- 4
Muszę zoptymalizować (poprawić) lepsze rozpoznawanie czy obrazek był kliknięty. Tutaj jest kod Chodzi o linijki 64-71. Czy ktoś jest w stanie pomóc? Podpowiedzieć za co się zabrać?
43
Sprite Cutie - małe narzędzie do cięcia sprajtów
Napisałem sobie wczoraj, bo spritecow wypluwa dane tylko w formacie CSS - może się przydać - szczególnie osobom robiącym gry, lub strony.
z- 5
- #
- #
- #
- #
- #
- #
- #
- #
- #
262
Tiny World - Mała śliczna gierka w HTML5
Gra pochodzi z 23 edycji konkursu Ludlum Dare. Dodałem przez wykopokazywarkę, bo nie było miniaturki http://arcade.orangepixel.net/tinyworld/
z- 55
- #
- #
- #
- #
- #
Zobaczcie fiddle: http://jsfiddle.net/veEyM/312/
Chodzi o to, że są przesunięte względem siebie, więc parametr "b" działa, ale obie mają ten sam kolor i shadow.