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