söndag 24 april 2011

Från ax till limpa inom design.



I skrivandets stund gör jag ett uppdrag för ett företag som behöver interaktiva illustrationer. Designen bör vara anpassad för slutkund, enkel och informativ, men samtidigt aktiv och spännande.
Med dessa önskemål skapade jag först en sida med grafiska designförslag:



Därefter kommer valet av interaktion. Själva grafiken skulle vara interaktiv och lätt animerad, så för detta valde jag ett annat program och skapade några lätta animationer. T.v. ser du en av dessa.
Valet föll till slut på en mer 'cartoonig' design för att optimera linjer och tydlighet, och med några olika modeller skapade jag animationer som sedan lades som lager på en renderad bakgrund. Bakgrunden skapas i ett 3D-program, animeringarna i ett annat och post-production i ett tredje.
För detta arbete kunde jag använda några äldre produkter som gick lätt på processorn.



Efter det att varje delmoment var färdigt stämdes det av mot kund som var delaktig under hela processen. Då jag arbetat med design under lång tid vet jag hur oerhört viktigt det är att kunden har möjlighet att medverka i processen med så många valmöjligheter som möjligt. Sekretess är också viktigt, så därför lägger jag inte ut slutprodukten här utan endast ett utkast av den färdiga produkten.
Den färdigställda portalen har interaktion med varje byggnad i illustrationerna, integrerad information och synkronisering med php-arkiv. Se ett tidigt utkast:

  HÄR

Varje projekt är unikt och bestäms av kundens önskemål, budget, storlek, progamval och rutiner.
Så, detta är bara en av de stigar som vi trampar på Bergströms Service!

Skapa spel i HTML5!

SPEL i JavaScript via Canvas i HTML5:
http://www.effectgames.com/effect/quickplay.psp.html?game=zenswedeshooter&engine=1.0b2




ZapEm:
http://www.effectgames.com är en spel-editor som jag nyligen provade. Vad den gör är nämligen spel med HTML5:s canvas-funktion, något som hör framtiden till.
Detta första spel jag skapade gjordes med en omfattande hjälp av de tutorials som finns på portalen, och inom två timmar hade jag skapat ett fungerande spel som döptes till Zap'Em candies . Det JavaScript tutorial de har är mycket omfattande, så den mesta tiden gick egentligen till att skapa texturer och sprites. När jag väl hade ett fungerande koncept skrev jag ett eget tutorial för denna community: 


http://www.effectgames.com/effect/#Article/games/zenswedeshooter/Beginner_game_make_animated_sprites


I kort kan sägas att det aldrig varit enklare att skapa spel än nu. För bara några år sedan var det i stort sett omöjligt att hitta så mycket lättillgänglig information. Nu är det i stället tidsbristen som sätter stopp. Jag kommer säkert att bolla upp fler spel då detta är ett utmärkt sätt att lära sig JavaScript och DU borde absolut hoppa in här och köra igång ditt eget projekt om du vill bli en framtida speldesigner!
MVH/D

fredag 22 april 2011

Välkommen hit:

Bergströms Service:

1998 startades det som nu är Bergströms Service för att möta behovet av 3D-projekt och Webbdesign. Serier, skyltar och design hade vi jobbat med sedan tidigt 90-tal. Inget är främmande. Men främst var det 3D för webben som lyfte. Över åren har vi börjat fokusera på det som företag har störst behov av (design av portaler, E-butiker och applikationer för internet). 

De verktyg som behövs för att skapa originella och personliga lösningar för er är dock kvar! Titta runt och kontakta mig när du vet vad ni behöver! 

MVH/ Daniel Bergström





3D online: Historiken

I början var 3D:


Historik:1998 jobbade jag som Teletekniker i Stockholm och hade en kollega som var programmerare. Vi pratade om webbdesign då jag ville bygga en nyskapande sida, och Flash var på allas läppar som det hetaste sedan rostat bröd.


-Hur vill du att din hemsida ska fungera då, frågade han.

-Jo, man ska kunna gå in i den som i en värld, och saker i världen skall leda till information. Och kanske skulle man kunna se andra besökare. Går det att fixa?
Jag tror han skrattade i en timme. Men jag hade upptäckt något som han inte hittat: VRML, Virtual Reality Modelling Language.
Jag lärde mig HTML mest för att skapa den struktur som behövdes för mina 3D-projekt och började skapa världar med Cosmoplayer och Blaxxun.
1999 dök 3D-strukturen för interaktivitet upp i form av Cybertown, och den första 'Virtual World'-portalen föddes där jag och 250.000 andra användare signade upp. Inom kort var jag med och skapade världar för Blaxxun (det företag som låg bakom Cybertown).
En sak jag lärde mig redan då var skillnaden mellan säljare och designers. De förstnämnda behöver en definierad ram för att sälja sin produkt medan de senare söker frihet för att fritt få utveckla och testa gränserna. Cybertown blev en produkt för att locka chattare, och alla de som ville skapa 3D knuffades till andra fållor.
Jag gick vidare som freelancer ett tag och skapade bl.a. en Virtuell chattbar som kördes via en bakdörr till Blaxxuns chattscript i 3D då jag såg att denna 'barnförbjudna' design lockade betydligt fler användare. Jag såg också att det inte fanns pengar i detta, men fortsatte att bygga världar på kvällarna bara för nöjet.
NeoZen:
neozenneozen2zenswede
Och i slutändan försvann även VRML ner i den kyrkogård av programspråk som funnits. Redan när X3D - det nya formatet för att nestla bl.a. XML med 3D - utvecklades förstod jag att de sparkade på en död häst. Av någon anledning vill inte användare hantera information i 3D utan kör vidare med 2D i form av sidor, bloggar och foton. Det är ju synd för oss som älskar att jobba fritt med just 3D och inte är i spelbranchen. VRML är ett lätt och funktionellt språk (på samma sätt som HTML) och har stöd för Java-script (ECMA), länkar, samt anrop till bl.a IE via DOM. Att det försvann var helt enkelt för att det inte finns en definierbar marknad för denna gråzon mellan informatik och spelbranchen.
backstreet barstreet abovestreet view
Vill du själv prova detta språk har du tur! Jag skapade en sida med program (obsoleteware) som du kan ladda ner gratis. ( se nedan ). /Daniel
http://www.bergstromsservice.se/3D/index.html Gratis program från Bergströms Service!
http://rvirtual.free.fr/programmation/VRML/tuto_eng/ En utförlig portal om språket.
http://www.cybertown.com Cybertown, en av de första Virtuella världarna.
http://www.bergstromsservice.se/workbook/vrml_screens.html NeoZen, ett av de projekt jag skapade då chattservern fortfarande fanns online.
http://www.bergstromsservice.se/workbook/3D/3d_online_intro.html En artikel jag skrev för alla de som vill bygga vidare i 3D utan kostnad.

3D Online: En gata

3D Online: En virtuell bakgata.

2007 var Google SketchUp ett rätt nytt program, och jag skapade en del modeller till deras community ( se http://sketchup.google.com/3dwarehouse/search?uq=10974883174538785602 ). SketchUp har en exportfunktion till vrml (Virtual Reality Modelling Language) var jag ut på gatorna och fotade texturer, byggde en modell med dessa, exporterade till webben och skrev en utförlig artikel för en försvinnande liten 3D-community. Orkar du kan du ladda ner en 3D-plugin ( http://www.bergstromsservice.se/3D/blaxxun.exe ) för IE och gå runt på gatan, läsa artikeln HÄR och ladda ner programmen HÄR (de mesta är ObsoleteWare och har dåligt funktionsstöd). Alternativet är naturligtvis att titta på filmdumpen jag gjorde nedan. MVH/D

CMS: Concrete5 (C5) Rockar!

Bygg med Concrete5:


Concrete 5 är en het plattform! Som de säger själva, en plattform byggd för marknadsförare av nördar. Just att den är ny (2011) på marknaden och skriven i ren MySQL-Php (Ajax) gör att det känns som ett säkert, skalbart system. Jag är också övertygad om att den snart kommer att stödja HTML5 och därmed lämna de äldre plattformarna efter sig i vägdammet.
Jag kan säga att plattformen är lättare att använda än t.ex. Joomla. Just detta att Concrete 5 antingen kan köras som en ren webbtjänst i molnet eller laddas ner till en egen server utan en massa handkodande är ytterst tacksamt. Dessutom har den en funktionalitet som jag saknat hos övriga plattformar: Du kan direkt via WYSIWYG (fronten) förändra layout och attribut som sedan sparas direkt till SQL! Vanligtvis brukar jag designa i två fönster - ett MySQL för serversidan och ett för PhP/Html och spara dessa separat för att sedan kolla förändringarna med refresh, om och om igen. Detta slipper jag nu, och jag vet att kompatibiliteten stöds av IE, Firefox och Opera utan att behöva prova dessa separat. Och denna skalbarhet gör också att jag kan hålla ner kostnaden gentemot slutkunden då det sparar avsevärt med tid. I slutet av 2010 skapade jag hela bergstromsservice.se med C5, men då jag hyr plats på en server med dåligt stöd för PHP laggade det ordentligt och jag handkodade om till HTML5. Läs mer:
MVH/D

CMS: WordPress för massan!

Sidor med WordPress:

http://bergstromsservice.wordpress.com/ Bergströms Service WordPress-portal
WordPress är en i mängden av kraftfulla lösningar för webbsidor. Då WordPress stöds av ett enormt community, har en suverän support och en WYSIWYG som gör det lätt att skapa funktioner är detta en plattform som lätt kan göra mig arbetslös!
Dock är det ibland lite lurigt att modifiera Layouten, och där kommer kunskaper i PhP och applikationsutveckling in från kylan. Många IT-företag som kontaktar mig frågar andlöst om jag kan hantera WordPress, en fråga som jag inte riktigt vet hur jag skall svara på. WordPress i sig är ju i mångt och mycket en plattform som även en nybörjare på surfande kan hantera med ena handen bakbunden. Men om de menar att jag bör kunna utveckla applikationer - ja, då är frågan mer berättigad. Som så mycket annat just nu bygger WordPress på Ajax, den smidiga lösningen som utnyttjar XMLhttpRequest via Php för att smidigt diskutera med SQL-databasen, och att knopa i den kodningen är inte alltid det lättaste. Dock så är just Php en väldigt öppen kod ( vilket inte alltid kan sägas om t.ex. alla *.NET-lösningar ), och att kommunicera med databasen för att skapa widgets, applets och gadgets är en kul utmaning. Att de så friskt infogar RSS visar också på var WordPress hör hemma: i informationssystem. 
Kunder som kontinuerligt behöver lägga fram information rekommenderar jag varmt att använda WordPress just för detta. Kontakta mig för design och layout! /D