occstudio
occstudio
Occlusion Studio (Andreas Mitchley)
36 posts
[ ARCHIVE ]
Don't wanna be here? Send us removal request.
occstudio · 1 year ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Interaktive leker uke 1-2 đŸ«Ą
Uselessbots, bruk av breadboard, resistorer knapper og microbit til Ă„ kontrollere neopixels, servo og musikk
Har ogsÄ begynt Ä gjÞre research rundt Google coral Edge tpu og image learning.
0 notes
occstudio · 2 years ago
Photo
Tumblr media
Teenage Engineering (TE) / CM–15 / Microphone / 2023 https://ift.tt/v638eyl Telegram: https://t.me/gdesignbot
45 notes · View notes
occstudio · 2 years ago
Text
Brief 8 - "Enerjeopardy"
What is Enerjeopardy?
Story video for BEFORE visit.
youtube
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.
youtube
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/
Tumblr media
The idea is that everything is easy access, with everything being in one place.
Tumblr media Tumblr media Tumblr media
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
Our presentation
3 notes · View notes
occstudio · 2 years ago
Photo
Tumblr media
USAL https://ift.tt/357QNXy Telegram: https://t.me/gdesignbot
346 notes · View notes
occstudio · 2 years ago
Photo
Tumblr media
https://ift.tt/VMhaseD Telegram: https://t.me/gdesignbot
84 notes · View notes
occstudio · 2 years ago
Photo
Tumblr media
Mohammed Samad / Untitled (Krhv) / Typography / 2021 https://ift.tt/GlzIhXT Telegram: https://t.me/gdesignbot
306 notes · View notes
occstudio · 2 years ago
Text
"Stress" - Brief 7 (Gruppe 8)
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.
Tobias was impressive with his coding skills to quickly put out a working crossword that helped tremendously!
1 note · View note
occstudio · 2 years ago
Text
Tumblr media
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.
Har mye mer Ă„ lĂŠre, er veldig mange detaljer som ligger i spill design.
0 notes
occstudio · 2 years ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Gothenburg :D
1 note · View note
occstudio · 2 years ago
Text
H9NG - branding for honningleverandĂžr
Tumblr media
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Feedback etter prosjekt
"H9NG er svÊrt vellykket prosjekt som viser god forstÄelse for visuell identitet og virkemidler. Du har jobbet mÄlrettet og grundig, og hatt en utforskende og god prosess. Du fikk nyttig tilbakemelding under testing, og klarte Ä benytte dette, sÄ lÞsningen ble bedre, og i trÄd med hva du Þnsket Ä uttrykke. Presentasjonen hadde en god og strukturert oppbygging, med gode argumenter for alle valg. Alle kommunikasjonsflatene er godt utnyttet, de gir en god variasjon, samtidig som du beholder helheten. Du viser stor arbeidskapasitet, og er lydhÞr for alle tilbakemeldinger. Du kan vurdere Ä inkorporere mÞnsteret pÄ etikketten. Det hadde muligens blitt ennÄ mer helhetlig." - Vera
0 notes
occstudio · 2 years ago
Text
[ THEFACEBOOK ] - Breif 5
sammarbeidspartner: Idun
Tumblr media
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”
Tumblr media
ChatGPT: Koding, debuging
Tumblr media Tumblr media Tumblr media
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.
Tumblr media
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"
Koste meg maks og var godt sammarbeid! Var vanskelig Ă„ ikke le... 😆, likte briefen veldig godt. Har vĂŠrt veldig lĂŠrerikt og har kost meg mye med research av html, css, Js osv.
0 notes
occstudio · 2 years ago
Text
[ ARCHIVE ] - Breif 4
Nettsiden er denne gang laget KUN for desktop.
1 note · View note
occstudio · 2 years ago
Text
youtube
0 notes
occstudio · 2 years ago
Text
Flexbox resources
An Interactive Guide to Flexbox
Visual Reference of CSS Flexbox.
Tumblr media
1 note · View note
occstudio · 2 years ago
Text
VinVin. - Brief 3 del 3
Spread the love of wine. It®s a “VinVin” situation!
Tumblr media
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
youtube
Refleksjoner
Brukerteste
Brukertestet vi nok? uhm, nei. :/
Note: brukertest mer og ofte.
Tumblr media
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
Jeg fĂžler prosessen startet bra, med litt rot i mitden men jeg fĂžler meg fornĂžyd med resultatet og det har vĂŠrt veldig lĂŠrerrikt.
1 note · View note
occstudio · 2 years ago
Text
UX Uke 2 - LommeSommelier
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.
Tumblr media
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
Tumblr media
Feedback etter presentasjon pÄ fredag: - GÄ bort fra det kommersielle - Chat med ansatte, utydelig hva fiksjonen er (hvem prater man med? Venn?)
2 notes · View notes
occstudio · 2 years ago
Text
1 note · View note