Canvas GUI. Dzisiaj dodałem możliwość określenia stanu początkowego w arkuszu stylów. Taki styl jest aplikowany tylko raz w momencie, w którym element nie został jeszcze wyświetlony. W połączeniu z przejściami (analogicznymi do transition w css) pozwala to na określenie animacji dodania elementu już w arkuszu, bez ingerencji w kod właściwy.

Na obrazku po prawej widać arkusz stylu, a w szczególności właściwość once. Nie nagrałem kursora, ale kilka razy najeżdżam na obiekt po
rezoner - Canvas GUI. Dzisiaj dodałem możliwość określenia stanu początkowego w arkus...

źródło: comment_OzMj2eNQmB8z2VlYvnCpU98OcRAlaVdB.jpg

Pobierz
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam problem, którego nie potrafię rozwiązać(pewnie z nieznajomości dostępnych narzędzi). Uczę się js pod zrobienie jakieś fajnej gierki. W moich wyobrażeniach była to jak na razie plansza widziana od góry podzielona na x*y pól. Na każde pole dało się wejść swoją postacią, tak jak bywa to w internetowych rpgach. Chciałem poddać animacji najeżdżane myszką pola, a dokładnie lekko powiększyć. Pola są ułożone obok siebie bez żadnych przerw.

Stworzyłem sobie więc canvas, stworzyłem
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@JustMMan: Jasne jakbyś miał jeszcze jakieś pytania to daj znać. Zwróc tylko uwage na odmienność filozofii:

logika twojej gry powinna siedzieć zawsze w kodzie. to co jest na canvasie to jest tylko taki jakby hologram tego co masz zapisane w Twoich tablicach z danymi, rolą canvasa jest tylko formatowanie danych z tych tablic na efekt czytelny dla użytkownika :)

a wszelkie manipulacje stanem gry dokonujesz poprzez zmienianie właściwości tych obiektów,
  • Odpowiedz
mirki z nawiązaniu do mojego wpisu z http://www.wykop.pl/wpis/16116859/mirki-nadal-mam-problem-z-wykonywaniem-dwa-razy-ko/ - okazuje się że trzeba tutaj dodać jeszcze 4 parametr - equals, w docsach ui-routera jest takie coś : Determines whether two decoded values are equivalent.
tak wyglądające equals nic nie zmieniało dalej route/kontroler był wywoływany dwa razy:
equals: function(a,b) { return a === b; }
ale za to już taki:
equals: function(a,b) { return true; }
już naprawił wszystko, ale wydaje mi się
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Już od długiego czasu się nad tym zastanawiam(i mam pewien pomysł)...
Istnieje React, ostatnio popularny Vue.js, mniej znany Riot.js, wszystkie polegają na tworzeniu czegoś w rodzaju komponentów, a następnie podmianę elementów w DOM na wynik renderowania. Wszystko pięknie, ale myśleliście jak korzystać z czegoś takiego w sposób SEO-friendly, działający (potencjalnie) w Pythonie, PHP, Ruby itd., a nie tylko w Node + bez zabawek typu implementacja silnika V8/PhantomJS? ;)

#programowanie #
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@5z7k9: prerender.io na przykład.
Metod na zrobienie czegoś takiego jest bardzo dużo, nie widzę problemu.

Aż zastanawiam się, czy można zaimplementować Reacta w Pythonie. ( ͡° ͜ʖ ͡°)
  • Odpowiedz
#javascript #tibia #o--------------e

Refactoring edytora, już w docelowej szacie graficznej ( ͡° ͜ʖ ͡°) Jeszce nie podpięłem modułu rysującego mapy z poprzedniej wersji edytora bo przy okazji kod porządkuje poważnie.

Dla porównania stary ""design"": http://s12.postimg.org/7ne459tkt/Screenshot_66.png
larvaexotech - #javascript #tibia #o--------------e

Refactoring edytora, już w doc...

źródło: comment_xjrVhMYYbSJZndWwEJr5OGQwwcjs71Fn.jpg

Pobierz
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Sleqqus: Bardzo fajne narzędzie :)

Sama konstrukcja modułów ładujących pliki .json jest przeźroczysta na zmiany. Jak w którymś miejscu będzie dramat to mogę zmienic koncepcje ładowania, obecnie jest to plik .json statycznie "kompilowany" webpackiem w plik wynikowy.

Parser plików .dat mnie nie interesuje bo nie odtwarzam 1:1 mechaniki Tibii, np. obecnie rozważam dopuszczenie możliwości stawiania obiektów niewyrównanych do siatki oraz poruszania się postacią nie tylko w obrębie kratek ale ruchem
  • Odpowiedz
Pytanie skierowane do mirków z pod tagu #programowanie #javascript #wordpress #html

Mam w javascripcie napisany kod do obliczana body fatu i chcę ten kalkulator umieścić na swojej stronie w wordpressie.
Wpisujac bezpośrednio kod w polu tekstowym na swojej podstronie, kalkulator nie zlicza wyników :( W jaki sposób dodaje się javascripty na wordpressie? Bo chyba to nie takie proste jak mi się wydawało.. (na kompie jak
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@muffman: no to z prawej strony w dolnym rogu masz cos takiego jak szablon strony, musisz teraz znalezc swoj motyw i stworzyc template strony i tam to wrzucac albo zainstalowac jakas szitowa wtyczke ktora pozwala na wrzucanie javascriptu w content strony albo pracowac tylko w trybie tekstowym ;)
  • Odpowiedz
WykopExt
Naprawiłem dodatek do pokazywania powiadomień z wykopu(nie pobierał wogole powiadomien). @wykop coś grzebał w kodzie źródłowym strony i się skopało ( ͡° ʖ̯ ͡°)

Diff: https://github.com/Mati365/WykopExt/commit/b14439f055f8beb18d94f50f84560200f514825e
Link do nowych paczek: https://github.com/Mati365/WykopExt/releases

#wykopext #programowanie #javascript #html #wykop
TestBot - WykopExt
Naprawiłem dodatek do pokazywania powiadomień z wykopu(nie pobier...

źródło: comment_HbMvpdlp1pTgeFhkxycI15V8dvzNj8qY.jpg

Pobierz
  • 15
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Siema, w wolnej chwili zacząłem przyglądać się bliżej JS, głównie do robienia back-endu, ale po napisaniu serwera http, api dla mongodb i serwisu powiadomień chciałem zrobić do tego UI i położył mnie angular. W skrócie:

Jest forma do podania nazwy użytkownika i hasła: http://pastebin.com/Y5haVqCx

Jest kontroler z metodą login: http://pastebin.com/6qqVqdKv

Niestety
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@markaron: Przede wszystkim zobacz co masz w HTMLce

Według Twojego kodu login to funkcja i zarazem obiekt.

Do ng-model przypisujesz np. login.username zaś w kodzie JS masz $scope.login jako
  • Odpowiedz
#javascript #programowanie #nodejs

Mireczki, czym najlepiej walidować dane w Node.js / Express? Chodzi o coś takiego co zwaliduje moje dane z requesta POST na zasadzie jakiś reguł np. że to musi być email, liczba, nr telefonu albo ciąg znaków alfanumerycznych.
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@singollo: polecam zaproponowane rozwiązanie @mafgifx modernizr rozwiązuje problem detekcji przeglądarki i determinacji czy to mobile czy nie, rozdzielczość to nie wszystko, Modernizr sprawdza też user agenta. Co do wykorzystywania feature z html5 w budowanych w przeglądarkach to nie korzystał bym z tego - każda przeglądarka implementuje to 'na swój sposób' nie będziesz miał nad tym kontroli - sugeruję użycie zewnętrznej biblioteki do obsługi, jq jest jednym z rozwiązań.
  • Odpowiedz
No i kolejna zagwozdka z moich prymitywnych ćwiczeń z JS. Co prawda tym razem kod działa, ale za bardzo :P

Zadanie brzmiało: napisz funkcję sprawdzającą czy dana liczba jest liczbą pierwszą.
Oto mój kod:

var x=prompt("Podaj liczbę x");
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Dobra Miraski - robię sobie podstawowe ćwiczenia z JS i próbuję aktywować taką funkcję:

Założenie jest takie: dla dowolnej liczby x funkcja ma wypisywac:
1. jesli liczba jest podzielna przez 3 to wypisuje Foo
2. jesli liczba jest podzielna przez 5 to wypisuje Bar
3. jesli liczba jest podzielna przez 5 i 3 to wypisuje FOOBAR
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@misthunt3r:
1. Najpierw sprawdź najwyższą wartość - czyli tutaj w kolejności, czy liczba
- jest podzielna przez 15 (jednocześnie podzielna przez 3 i 5)
- jest podzielna przez 5
- jest podzielna przez 3
2. Zamiast przypisywać wartość do zmiennej, zwróć odpowiednią wartość w tym momencie.
3. document.write() po return się nie wywoła
  • Odpowiedz