Occlusion Studio (Andreas Mitchley)

Interaktive leker uke 1-2 🫡

Uselessbots, bruk av breadboard, resistorer knapper og microbit til å kontrollere neopixels, servo og musikk

What is Enerjeopardy?

Story video for BEFORE visit.

This video is to create an immersive experience and mood. This is also to lay down the plot and give reason for what is going to happen.

Story + Rules video for AFTER visit.

Video contains short summery of what happened in the last episode and explains the rules of the game.

Here we would like to add pictures and video overlays to visually explain the game rules with examples.

Sparring and coding with ChatGPT

To develop the digital experience i used ChatGPT as a sparring partner and coding partner. In this proses i have learned a lot more about how i should structure my prompts to get the most out of ChatGPT. It was quick and gave good results. I feel like there is even more potential to further explore! (which is crazy...)

User testing

On Friday 19th we did our user test at Teknisk Museum with secondary school students. Here we confirmed that our concept had ground, and could be further developed. The students found the game interesting and inviting, though i took a few questions to get then started. The sounds on the buzzers and the game had great reactions and the students had a good laugh. After, we made some minor tweaks and got to working on our presentation.

its a shame we didn't get to the testing earlier, as i feel the final result could have looked different and had the finish i wanted. For i being a prototype and proof of concept i am pleased with the result we got. I feel like with more time and development Enerjeopardy could be a interesting and inviting experience.

All in all i am pleased with the results!

The game

http://occstudio.com/enerjeopardy/

The idea is that everything is easy access, with everything being in one place.

The game operates like the game show Jeopardy, where the questions are designed as statements, and the answers must be in the form of a question. The students choose their own category and difficulty level, and they receive building blocks for their nuclear power plant every time they reach 400 points. The winner is the first group to reach 1500 points and complete their nuclear power plant! Scoring system and questions are to be displayed on a Smartboard or any form of classroom screen. (Teacher controls this)

Buzzers

http://occstudio.com/enerjeopardy/buzzer.html

http://occstudio.com/enerjeopardy/buzzer2.html

http://occstudio.com/enerjeopardy/buzzer3.html Buzzers are easily available through qr codes that are to be displayed before the game show starts.

Presentation

You've been hacked and need to solve a crossword at "Mathallen" to stop the attacks and keep your money safe. You have 12 minutes, starting now!

Play testing...

We managed to do around 2 play tests each day with rapid prototyping and with new iterations each time.

early stages: get a working prototype to test concept mid stage: setting the tempo and adding pace. SPEEEED! final stage: Fine tuning the story and balance

Game mechanics / balancing factors

We tried to add depth to the gameplay with each iteration without making the game to difficult. I think we managed to do this and also keep the game fun and exciting. Example: hints getting hacked for set amount of seconds.

I feel like we had good, productive teamwork and that we had a good workflow.

Operation red dawn -Brief 6

Spillet er basert på en kombinasjon av Risk og Mafia.

Hvis du får rollen kommunist, vet du ikke hva de andre sin rolle er, og må prøve å finne ut hvem som er dine med kommunister er for å samarbeide.

Får du CIA, får man i starten vite hvem man er partner med.

Målet for hvert team er å ta over så mye land som mulig.

Det er forskjellige kort som han forskjellige funksjoner

Ubåt: flytte hvor du vill med en hær og gå i duell

Helikopter: svekk fienden, fjern en «soldat/hatt» fra en fiende.

Sigar: kan brukes når man blir angrepet som en forsvarsmekanisme.

Hatt: forsterk hæren din

Duell er basert på terningkast.

Var en del fravær i gruppen men følte vi klarte å ende opp med et ganske avansert (kanskje litt for avansert 😅) spill på kort tid.

Feedback etter prosjekt

sammarbeidspartner: Idun

occstudio.com/zuckerberg NB: Nettside støtter KUN Desktop

Konsept

Facebook, evolusjon / Mark Zuckerberg memes

Lyd

Ai TTS (text 2 speach) — https://fakeyou.com/

Musikk loop

“Oh, I'm an alien, I'm a legal alien I'm an Englishman in New York Oh, I'm an alien, I'm a legal alien I'm an Englishman in New York”

ChatGPT: Koding, debuging

Jeg brutke mye chatGPT til å debugge kode, dette gjorde jeg ved å lime inn kode og error meldig fra inspect element på browser inn i chatGPT. Det var veldig nyttig og skal brukes oftere da det tar kort tid.

Forstå HTML & CSS: Div, Flex og alle andre HTML, CSS finurligheter.

Formater

Video av facebook innlegg som fortellende tekst isteden for paragraf. Prøvde WebP format først, for en mindre filstørrelse som også kunne bli brukt i “Background-image” stylen. Fant ut at WebP har noen begrensninger. (Bilde kvalitet når bildet skal opp skaleres og frames i forhold til lengde på video.)

https://www.adobe.com/creativecloud/file-types/image/raster/webp-file.html

WebP files.

WebP files were designed entirely with the internet in mind. Their main uses include:

Reducing website image sizes.

WebP aims to balance quality and practicality when it comes to website images. With the help of predictive coding, WebP files compress photos and graphics without reducing the quality of their appearance. Smaller image sizes also ease the strain on user broadband connections and make websites faster to navigate, improving page experience.

Supporting online animations.

While GIFs have long been the dominant format for memes and other basic online animations, WebP files offer an alternative. According to Google, an animated WebP can be significantly smaller than a GIF, requiring fewer bytes.

Advantages of WebP files.

Faster-loading webpages offer a better user experience and even boost a website’s ranking in search engines. In contrast, websites with slow-loading images might encourage users to look elsewhere when shopping for products and services.

The WebP format is highly compatible with various web browsers, including Google Chrome, Microsoft Edge, and Mozilla Firefox.

WebP might free up storage space for businesses by compressing their website images into more manageable sizes.

Disadvantages of WebP files.

The WebP file format is designed mainly with the internet in mind, so it might not be helpful if you use images offline.

Some older browsers, like Internet Explorer, may not be as effective in supporting WebP images, despite the format’s broad compatibility.

Even a small amount of compression can reduce the quality of an image, which is worth keeping in mind if you work with professional photographers and high-quality images.

Debugging ved upload på server

Da jeg skulle laste opp nettsiden på server la jeg merke til at linking til filer var feil. var noen spesifike steder der jeg bruke //"foldername"/"filename" dette caller til root(første mappe), noe jeg ikke ville i denne situasjonen, hvor nettsiden ligger i egen mappe på nettsiden. I denne situasjonen ville jeg heller gå tilbake en mappe og brude ha brukt ./"foldername"/"filename"

Nettsiden er denne gang laget KUN for desktop.

An Interactive Guide to Flexbox

Visual Reference of CSS Flexbox.

Spread the love of wine. It´s a “VinVin” situation!

Appen

Appen er ment å fungere som et knutepunkt mellom eksperter og nybegynnere, hvor begge parter har noe å vinne. Den skal kutte ned barrierer og senke terskelien for å lære mer og bli mer interessert i vin.

Appen er en sosial platform hvor man enkelt kan følge verifiserte sommelierer eller venner. Scan vinen/vinene og legg ut som liste eller singel. Appen innholder også education videoer som ekspertene kan legge ut.

Lær mer, del din kunskap og opplevelse eller se hva eksperten synes.

VinVin vil være integrert med vinmonopolets infrastruktur hvor bruker enkelt kan finne ut om de har vinen på lager og vilken butikk som er nærmest.

Brukerreise / Demo

Refleksjoner

Brukerteste

Brukertestet vi nok? uhm, nei. :/

Note: brukertest mer og ofte.

Components er NICE!

Det er umulig å ha en effektiv og rask workflow uten en god struktur. components (Parent & Child.), Variants etc.

Lage design system i starten? Eller ikke fokusere på sånne detaljer i starten?

Oi, hva skjedde med dokumentasjonen?😳

Når man sitter å prototyper er det fort å bli oppslukt i figma. Man glemmer fort andre deler av prosessen som å dokumetere. Her kan det da være smart å ta et steg tilbake for å få overblikk i ny og ne. "av med figma-shadesa" Dette hjelper også med å få et nytt perspektiv på ting.

Resultat

Hva?

tilgang på vinmonopolets ansatte og deres kunnskap, rett i lomma. appen er tenkt som et bindeledd mellom vinmonopolets egen app, og opplevelsen man får i butikken.

Når?

Når man trenger vin. For eksempel hvis man skal lage en middag, eller dra på fest. de situasjonene når man trenger/har lyst på vin, men ikke vet helt hva man skal kjøpe

Hvem?

interesserte, men kanskje ikke så kunnskapsrike vin-entusiaster. Samt asosiale, som kvier seg litt for å prate med de som jobber på polet i butikken.

Når?

Når man trenger vin. For eksempel hvis man skal lage en middag, eller dra på fest. de situasjonene når man trenger/har lyst på vin, men ikke vet helt hva man skal kjøpe

Hvorfor?

Hjelpe folk som ønsker å lære mer om vin. "Folkeliggjøre vin"

Feedback