소개
지난 스터디 사례 발표 때 3D 로 만들어보면 어떻겠냐는 스터디장님의 아이디어를 발판삼아 이전 사례에서 만들었던 랜덤추첨기를 제미나이를 활용하여 3D 로 만들고 효과음도 추가해보았습니다.
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
Gemini (제미나이) : 구글 앱스 스크립트 코드 생성에 활용
Google Sheets : 학생명단 기재
Google Apps Script: 생성된 코드를 붙여넣어 스프레드시트와 연동되는 기능을 구현
Google Sites: 완성된 스크립트를 웹앱으로 배포하고, 수업 중 바로 사용할 수 있도록 사이트에 게시
스크래치 온라인 : 효과음 음원 다운로드
<https://sites.google.com/view/hodudu0713/%ED%99%88>
이 사이트 분석해봐 이런것을 기반으로 랜덤추첨기를 3D로 제작하려고해.
<https://docs.google.com/spreadsheets/d/1Fg4tB_5fTIeXye8qtxDImnLxrZQm8Co7nZwZcEHvz3E/edit?gid=0#gid=0>
기반이 되는 구긇시트는 다음과같아. 앱스스크립트로 만들어
기존 웹앱이 게시된 구글사이트 주소를 제미나이에 입력하고 3D 로 구현해달라고 함.
👉 과정1 : 3D 로 구현하기
😢오류: 배포 후 앱스스크립트 실행화면 아무것도 나타나지않음
✨수정 : F12 개발자도구 > console 오류 화면 캡쳐 후 제미나이에게 전달, 새로운 코드 생성
🎁결과 1 - 3D 랜덤뽑기
https://sites.google.com/view/hodudu0713/3d-1%EB%AA%85
네모박스가 회전하다가 멈추면 당첨자가 나옴
👉 과정2 : 3D / 원하는 인원수만큼 뽑기
✨수정 : 뽑을 인원 입력 받은 후 그 수만큼 당첨자 보여주기
뽑을 인원을 입력 받은 후 , 그 수만큼 추첨하도록 해줘제미나이 통해 업그레이드 된 코드 생성 후 앱스스크립트 다시 배포
🎁결과 2 - 원하는 인원수만큼 3D 랜덤뽑기
https://sites.google.com/view/hodudu0713/3d-%EC%97%AC%EB%9F%AC%EB%AA%85
👉 과정3 : 3D + 효과음 넣기
여기에 효과음을 넣고싶어. 음원파일을 준비했으나 음원파일 없이도 구현이 되는지 궁금해서 과정을 쭉 진행 해봄.
😢오류 1 : 수정된 코드로 배포 > 버튼 동작 X, 사운드 X
✨수정 : 보안정책 오류라며 외부링크로 사운드 재생 ( 외부링크 제미나이가 알아서 )
😢오류 2 : 수정된 코드로 배포 > 버튼 동작 O, 사운드 X
✨수정 : 브라우저 자동재생이 차단됐을 거라고함.
😢오류 3 : 수정된 코드로 배포 > 여전히 버튼 동작 O, 사운드 X
✨수정 : 외부 URL의 사운드 파일 로딩을 차단되었다고 함. 우회하는 방법으로 코딩하겠다 함.
😢오류 4 : 음원 데이터 값을 계속 생성하던중 제미나이 멈춤
✨수정 : 준비된 음원 사용하기
방향 다시 설정해. 음원파일은 이미 준비되어 있어. 링크는 조금 이따가 알려줄게.
구글드라이브에 올려놨어.
>> 이후 2단계 code.gs 수정, 3단계 index 코드에서 파일 ID 로 수정하기.
>> 진행 후 배포
🎁결과 3 - 3D & 효과음 넣기
https://sites.google.com/view/hodudu0713/3d-%ED%9A%A8%EA%B3%BC%EC%9D%8C
시작 / 돌림판 / 당첨 총 3개의 음원을 설정했는데
시작 음원이 들릴틈이 없이 바로 돌림판 음원이 나오지만.. 어쨋든 성공 !! ㅎㅎ;;
<참고> 스크래치 사이트에서 효과음 다운로드받기
효과음으로 사용할 음원을 쉽게 얻을 수 있는 방법을 생각해보다가
"무료/블록코딩/회원가입없이도사용가능" 장점이 있는 스크래치 온라인 홈페이지에서
음원을 다운로드 받았습니다.
스크래치 접속 > 만들기 > 소리 탭
간단한 편집 ( 속도조절, 페이드인, 페이드아웃, 음량조절, 잘라내기) 가능해서 생각보다 더 좋았어요.
효과음 외에도 동물소리, 배경음악으로 사용가능한 여러 음원이 있습니다
( 왼쪽 하단 소리 고르기)
결과와 배운 점
기존 '랜덤추첨기' 작동도 흥미로웠으나 3D + 효과음 더해지니 더 좋은것 같아요!
도움 받은 글 (옵션)
에듀테크 스터디장님께 스터디 & 조언 받았습니다.
