Niestety praca kolidowałaby ze studiami więc postanowiłem, że zmienię je na zaoczne. Pomyślałem, że dzięki temu zaoszczędzę sporo czasu, ponieważ zajęcia zazwyczaj odbywają się z ogromnymi „okienkami“ pomiędzy nimi. Mając 2 godziny wolnego czasu możesz wrócić do mieszkania, ale samo przejście się w obie strony zajmuje godzinę. Rozpoczynać pracę tylko po to aby programować 50 minut nie ma sensu, chodzić wszędzie z laptopem nie lubię, a telefon mam za słaby aby zapisywać w nim coś dłuższego. Złożyłem więc podanie i przeniesiono mnie na studia niestacjonarne. To był dobry ruch. Nie oszukujmy się — studia nie kształcą(przynajmniej nie programistów), a na zaocznych mam dużo łatwiej. Odrzuconych zostało sporo przedmiotów, a te które pozostały są na dużo niższym poziomie. Nie muszę się więc uczyć durnych rzeczy, których i tak nigdy nie wykorzystam(z drugiej strony jednak żałuję, że np. nie mam przedmiotu Bezpieczeństwo systemów komputerowych, który na studiach dziennych jest). Oczywiście studia kosztują więc musiałem znaleźć pracę. Na odpowiedź od wcześniej wspomnianej firmy czekałem około 5 tygodni(co za firma!) i do tego czasu, złożyłem CV w kilku innych miejscach. Pracę dostałem w Netrix Group.

Pracę na etacie jednak ciężko pogodzić z własnymi projektami. Z jednej strony od poniedziałku do piątku wycięte z życia 10h(1h dojazd, 8h pracy, 1h powrót do mieszkania), z drugiej studia w weekendy. Ogólny brak czasu na cokolwiek. Jeśli dorzuci się do tego jeszcze pisanie pracy licencjackiej to ilość wolnego czasu redukuje się do zera. Oczywiście pozostają wieczory ale te musiałem poświęcać na pisanie programów na studia. Przetrwałem tak 8 miesięcy i postanowiłem zmienić kolejną rzecz w moim życiu. W poprzednim tygodniu powiedziałem szefowi, że odchodzę. Popracuję do końca miesiąca i wracam na poważnie do własnych projektów.

Chciałbym podać kilka ważnych aspektów dla tych, którzy planują znaleźć pracę na etacie.

1. Studia na w miarę porządnej uczelni jest ciężko pogodzić z pracą. Osobiście odradzam takie połączenie ponieważ po pół roku masz dość studiowania i pisania totalnie bezsensownych projektów tylko po to aby ktoś wpisał Ci trójkę lub czwórkę w indeks.
2. Warto się zatrudnić przynajmniej na kilka miesięcy ponieważ poznajesz ludzi, umiejących robić rzeczy, o którym sam wcześniej nawet nie wiedziałeś. Podczas pracy w Netrix Group poznałem dużo ciekawych rzeczy. Przede wszystkim poszerzyłem wiedzę na temat Zend Framework, opanowałem kilka nowych rzeczy z PostgreSQL-a. Poprawiłem swoją wiedzę na temat „cięcia stron“ oraz JavaScriptu. Poznałem kilka ciekawych bibliotek (np. ExtJS) oraz niesamowite IDE — PhpStorm(kosztuje $200 ale na prawdę się opłaca. Nie wiem jak to zrobiła czeska firma JetBrains ale mimo, że aplikacja napisana jest, tak jak inne znane IDE, w Javie i posiada dużo więcej opcji działa 5 razy szybciej niż Eclipse lub NetBeans. W domu wciąż pracuję z NetBeans ale jak tylko pojawi się rozsądna promocja(ostatnio było 50% ceny) kupuję licencję ).
3. Jeżeli mieszkasz(tak jak ja) w innym mieście niż rodzice oraz dziadkowie i chciałbyś ich odwiedzić od czasu do czasu to musisz mieć świadomość, że będzie to utrudnione. Aby wrócić do domu rodzinnego muszę jechać około 1.5h. Jeżeli po pracy wyjadę z Lublina o 17:00 to o 18:30 będę w mieszkaniu rodziców. Zostając u nich na noc, następnego dnia muszę wstać o 5 aby dojechać do pracy na czas. Weekendy odpadają ponieważ zajęcia na studiach są co tydzień(przynajmniej na UMCS).

Tak więc w skrócie: 1 maja kończę pracę, 1 lipca kończę studia i powracam do tworzenia gier www.

Co dalej? Znów będę wolnym strzelcem. Odłożyłem trochę pieniędzy i dwa, może trzy, miesiące jestem w stanie przeżyć bez pracy. Spróbuję poszukać kontaktów w USA i uderzyć w rynek zagraniczny aby pracując mniej zarabiać więcej.

PS: licencjat piszę na temat Bezpieczeństwa aplikacji www. Nie wiem jak są rozdzielane prawa do publikowania pracy, ale spróbuję się tego dowiedzieć i jeżeli tylko będę mógł, to opublikuję całość w formie kilkunastu artykułów.

Paczkę wrzuciłem na serwer. Wystarczy kliknąć tutaj

Oto jak wygląda Chromium z moją skórką.

Jako główny kolor wybrałem zieleń ponieważ uspokaja on oczy. Całość urozmaiciłem ivadersami oraz kotem grającym na klawiszach. Ciężko było przygotować grafikę(np. invadersów musiałem ręcznie rysować), ale mam nadzieję, że efekt jest ciekawy .

Tuż po instalacji dointalowałem NetBeans 6.9 oraz skonfigurowałem Apache/MySQL, PHP. Pierwsze co mi później przyszło na myśl, to dopisanie obsługi PDO oraz Doctrine w moim Frameworku. Środowisko mam już przygotowane, więc czas się wziąć do pracy…

Prokrastynacja lub zwlekanie (z łac. procrastinatio – odroczenie, zwłoka) – w psychologii: patologiczna tendencja do nieustannego przekładania pewnych czynności na później, ujawniającą się w różnych dziedzinach życia. Bywa żartobliwie nazywana „syndromem studenta“.
Prokrastynator ma problemy z zabraniem się do pracy i odkłada jej wykonanie, zwłaszcza wtedy, gdy nie widzi natychmiastowych efektów.

Źródło: http://pl.wikipedia.org/wiki/Prokrastynacja

Tak, cierpię na to zaburzenie. I mój przypadek jest dosyć ciekawy. Pracuję intensywnie ale tuż przed ukończeniem porzucam projekt i rozpoczynam kolejny. Oczywiście staram się walczyć z moim lenistwem i dzisiaj chciałbym zaprezentować mój nowy sposób na zmuszanie się do pracy i zwiększanie motywacji.

Pierwszym krokiem jest stworzenie pliku index.html, który będzie zawierał tekst zachęcający nas do pracy.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pl-PL"> 
  <head> 
	<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
	<title> Pracuj, pracuj...</title> 
  </head>
  <body>
	<div style="font-family:helvetica; width:600px; margin:auto; background:#eee; padding:20px; border:1px solid #ccc;">
		<h1>WEŹ SIĘ DO ROBOTY!</h1>
		<p>Lista rzeczy do zrobienia</p>
		<ol>
		    <li>Dokumentacja</li>
		    <li>Kolejna część artykułu o tankach</li>
		    <li>Spisanie tabulatur</li>
		    <li>Pisanie książki</li>
		</ol>
		<p>Zarobisz dużo pieniędzy i będziesz bogaty.</p>
		<h2>JEŻELI NIE WYKONUJESZ PUNKTU 3. NIE IDŹ PO GITARĘ! ZOSTAŃ TAM GDZIE JESTEŚ!</h2>
	</div>
  </body>
</html>

Teraz przechodzimy do edycji pliku /etc/hosts

sudo mcedit /etc/hosts

Dopisujemy kilka adresów stron internetowych, na oglądanie których tracimy najwięcej czasu.

127.0.0.1        facebook.com
127.0.0.1        wykop.pl
127.0.0.1        youtube.com
127.0.0.1        demotywatory.pl
127.0.0.1        nk.pl

Przekierowanie gotowe. Możemy wziąć się do pracy.

Informacja dla użytkowników systemów z rodziny Windows. Jeżeli dobrze pamiętam, plik hosts znajduje się w C:\windows\system32, a przynajmniej tam się znajdował, gdy ja korzystałem z Microsoft Windows XP.

Aby rozwiać wszelkie wątpliwości — pisanie tego artykułu to również forma odwlekania mojej pracy .

Zasada jest bardzo prosta. To co możemy generować raz, generujemy tylko raz. Następnie zapisujemy wynik do oddzielnego obiektu <canvas> i w razie potrzeby kopiujemy do głównego obiektu naszej gry.

Na potrzeby mojego przykładu stworzyłem dynamicznie dwa nowe obiekty canvas, jeden przechowujący wygenerowaną mapę, drugi czołg(obracanie obrazków jest bardzo czasochłonne).

Uporządkowałem troszkę kod umieszczając wszelkie dane czołgu do klasy GameTank

var GameTank = {
	x:0,
	y:480,
	canvas: null,
	ctx: null,
	direction: 1,  // 0= LEFT 1 =UP, 2 = RIGHT, 3=DOWN
 
	changeDirection: function(newDirection)
	{
		if(newDirection!=GameTank.direction)
		{
			GameTank.direction = newDirection;
 
			GameTank.ctx.clearRect(0,0,32,32);
			GameTank.ctx.save();
			switch(GameTank.direction)
			{
				case 2:
					GameTank.ctx.rotate(90 * Math.PI / 180);
					GameTank.ctx.drawImage(GameMain.img.tank,0,-32);
					break;
				case 3:
					GameTank.ctx.rotate(180 * Math.PI / 180);
					GameTank.ctx.drawImage(GameMain.img.tank,-32,-32);
					break;
				case 0:
					GameTank.ctx.rotate(270 * Math.PI / 180);
					GameTank.ctx.drawImage(GameMain.img.tank,-32,0);
					break;
				default:
					GameTank.ctx.drawImage(GameMain.img.tank,0,0);
			}
			GameTank.ctx.restore();
		}
	},
	init: function()
	{
		this.canvas = document.createElement('canvas');
 
		this.canvas.width = 32; 
		this.canvas.height = 32; 
 
		this.ctx = this.canvas.getContext('2d');
		this.ctx.drawImage(GameMain.img.tank,0,0);
	}
};

W analogiczny sposób tworzony jest obiekt <cavas> dla mapy

var GameBoard = {
	canvas: null,
	ctx: null,
	TEXTURE_ID: {ICE: 1, BRICK: 2, WATER: 3}, 
	textures: [null, 'images/ice.png', 'images/brick.png', 'images/water.png'],
 
	board:[
		[1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,1],
		[1,1,1,2,2,2,2,2,2,2,2,2,2,1,1,1],
		[1,1,2,2,2,2,2,2,2,2,2,2,2,2,1,1],
		[1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,1],
		[1,2,2,1,1,2,2,2,2,2,2,1,1,2,2,1],
		[2,2,2,1,3,2,2,2,2,2,2,1,3,2,2,2],
		[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],
		[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],
		[2,2,2,2,2,2,2,1,1,2,2,2,2,2,2,2],
		[0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0],
		[0,2,2,2,1,2,2,2,2,2,2,1,2,2,2,0],
		[0,2,2,2,2,1,1,1,1,1,1,2,2,2,2,0],
		[0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0],
		[0,0,0,2,2,2,2,2,2,2,2,2,2,0,0,0],
		[0,0,0,0,0,0,2,2,2,2,0,0,0,0,0,0],
		[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
		],
	drawBoard: function() {
 			this.ctx.clearRect(0,0,512,512);
 
			for(var y=0; y<16; y++)
			{
				for(var x=0; x<16; x++)
				{
					if(this.board[y][x]>0)
					{
						this.ctx.save();
						this.ctx.fillStyle = this.textures[this.board[y][x]];
						this.ctx.fillRect(x*32,y*32,32,32);
						this.ctx.restore();
					}
				}
			}
	},
	preloadTextures: function(i){
		var img = new Image();
		img.src = this.textures[i];
		img.onload = function() {
 
			GameBoard.textures[i] = GameBoard.ctx.createPattern(img, 'repeat');
			if(GameBoard.textures[i+1])
				GameBoard.preloadTextures(i+1);
			else{
				GameBoard.drawBoard();
				GameTank.init();
				window.setInterval(GameMain.mainLoop,10);
			}
		}
	},
	init: function (){
		this.canvas = document.createElement('canvas');
		this.canvas.width = 512; 
		this.canvas.height = 512; 
 
		this.ctx = this.canvas.getContext('2d');
 
		this.preloadTextures(1);
	}
};

Główna klasa gry jedynie składa obraz ze wszystkich elementów

var GameMain = {
	canvas: null,
	ctx: null,
	img: {},
	mainLoop: function(){
 			GameMain.ctx.clearRect(0,0,512,512);
			GameMain.ctx.drawImage(GameBoard.canvas, 0, 0,512,512,0,0,512,512);
 
			if(keyHandler.isHolded(37)) // LEFT
			{
				GameTank.changeDirection(0);
				if(GameTank.x>0)
					GameTank.x-=1;
			}
			else if(keyHandler.isHolded(38)) // UP
			{
				GameTank.changeDirection(1);
				if(GameTank.y>0)
					GameTank.y-=1;
			}
			else if(keyHandler.isHolded(39)) // RIGHT
			{
				GameTank.changeDirection(2);
 
				if(GameTank.x<480)
					GameTank.x+=1;
			}
			else if(keyHandler.isHolded(40)) // DOWN
			{
				GameTank.changeDirection(3);
				if(GameTank.y<480)
					GameTank.y+=1;
			}
 
			GameMain.ctx.drawImage(GameTank.canvas, 0, 0,32,32,GameTank.x,GameTank.y,32,32);
 			FrameCounter.updateFPS();
	},
 
	init: function(){
		this.canvas = document.getElementById('game');
		if (this.canvas.getContext)
			this.ctx = this.canvas.getContext("2d");
 
		this.img.tank = new Image();
		this.img.tank.src = 'images/btank.png';
		this.img.tank.onload = function(){
			GameBoard.init();
		}
		document.addEventListener('keydown', keyHandler.keyDown, false);
		document.addEventListener('keyup', keyHandler.keyUp, false);
	}
}

Kolejną, obok generowania grafiki, czasochłonną operacją jest liczenie czasu. Spróbujmy ograniczyć wywoływanie pewnych funkcji w liczniku FPS. Czas liczył będę co 10 klatek.

var FrameCounter = {
	x: 0,
	lastFrameTime: new Date().getTime(),
	updateFPS: function(){
		if(this.x==10)
		{
			var currentTime = new Date().getTime();
 
			document.getElementById('fps').innerHTML = Math.floor(10000/(currentTime-this.lastFrameTime),2)+'fps';
			this.lastFrameTime = currentTime;
			this.x=0;
		}
		else
			this.x++
	}
};

Poza przyspieszeniem gry zauważymy również zmiany w działaniu samego licznika. Jego odświeżanie będzie rzadsze i jednocześnie przyjemniejsze dla ludzkiego oka.

Technika, którą tutaj pokazałem bardzo przypomina tą ze zwykłych gier DHTML budowanych w oparciu o odpowiednio pozycjonowane znaczniki <div>. Dlaczego nie robię tak samo w przypadku znaczników <canvas>? Po prostu sądzę, że takie rozwiązanie jest mniej eleganckie. Tworzenie jednego obrazu lepiej przypomina klasyczne gry komputerowe. Czas( oraz licznik FPS) pokaże, czy nie zmienię zdania…

Działające demo dostępne jest TUTAJ.

Dlaczego tak długo nie pisałem? No cóż miałem sporo pracy, a czerwiec to nie najlepszy czas aby odnaleźć dodatkowych kilka godzin. Jutro postaram się opisać coś bardziej skomplikowanego .

Ostatnio cierpię na brak pieniędzy, a chciałem uruchomić nowy projekt. Wiąże się to jednak z wynajęciem grafika więc dodałem przycisk „Wesprzyj blog“ widoczny po prawej stronie. Jeśli sądzisz, że moje biblioteki są przydatne, to co piszę ma sens a twoja wiedza się dzięki moim artykułom poszerza kliknij. Nie oczekuję dużych wpłat. 1zł to też sporo. Postaram się zrobić pasek postępu pokazujący ile pieniędzy zebrałem, a ile jeszcze potrzebuję do realizacji pewnych rzeczy. Dzisiaj przysiądę jeszcze do CSS3. Pomyślę w jaki sposób mógłbym urozmaicić stronę na przeglądarkach obsługujących animacje CSS(ewentualnie użyję jQuery).

I na koniec pytanie dotyczące treści blogu. Kontynuować temat bezpieczeństwa, czy napisać coś na temat CSS/SVG/JS? Pisać na temat nowych rzeczy dostępnych w CSS3 czy opisywać dobre zwyczaje tworzenia styli. Czekam na wasze opinie .

Przy okazji chciałbym mu życzyć Wszystkiego najlepszego — dziś jego urodziny.

Witam Państwa!

Nie wiem dlaczego otrzymuję e-maile związane z działaniem serwera(od
ponad 2 lat pracuję na własnym serwerze i nie jestem już Państwa
klientem), jednak cieszę się, że biznes jest wciąż opłacalny,
szczególnie, że wykazują się Państwo ogromnym szacunkiem do
użytkownika(w moim przypadku było to wysłanie backupa już po
zablokowaniu konta z powodu jego nieopłacenia).

W każdym razie proszę Państa o usunięcie mnie ze swojej bazy e-mailowej.

I jeszcze pytanie na koniec. Czy są w Państwa w ofercie serwery
dedykowane? Niedługo będę musiał skorzystać z takiej oferty i
chciałbym rozejrzeć się wśród rozsądnych firm. U Państwa na stronie
niestety nie widzę o nich żadnych informacji.

Pozdrawiam serdecznie

Michał Środek

Spodziewając się fajnego, oficjalnego e-maila otwieram dziś skrzynkę pocztową. Otrzymałem taki o to e-mail(adresy są zmienione):

konto usuniete
co do serwerow dedykowanych zapraszam np. na www.example.com

—

Pozdrawiam

Administracja example.com

Sądzę iż, natłok e-maili zdemotywował pracownika obsługującego BOK. No cóż, być może następnym razem ktoś napisze do mnie „proszę Pana“…

Jak zapewne już zauwazyłeś nowa wersja blogu jest oparta o system WordPress. Nie wiem czy to dobry wybór — wydajność pozostawia wiele do życzenia(dla porównania, mój sklep internetowy generuje się 20x szybciej, a również zawiera widżety, skórki itp.). Czyżby wordpress nie posiadał cache’u? Powoli pewne elementy będę zamieniał na własne.

I na koniec trochę historii:

Blog uruchomiłem po raz pierwszy 5 października 2006 roku. Napisałem łącznie około 30–35 artykułów. Nie jest to zadawalający wynik — muszę to zmienić. Powinienem przerzucić artykuły ze starej wersji blogu jednak postanowiłem, że rozpocznę z czystym kontem.  Życzcie mi szczęścia .

Stara wersja będzie dalej aktywna przez pewien okres czasu pod adresem http://michal.mohebo.pl