Git Product home page Git Product logo

focusbook's Introduction

WWDC23 Swift Student Challenge에서 WWDC23 WINNER로 선정된 프로젝트이며, AppStore에 출시되었습니다.

🧑‍🍼 초점책 [FocusBook]

  • 아기가 초점책을 읽는 행위는 아기의 시각발달과 주의력, 집중력 향상을 도우며, 부모의 태교활동에 도움을 주는 활동입니다.
    • Reading focus books helps your baby's visual development, attention, and concentration. In addition, making a focus book is an activity that is helpful for parents' prenatal education.
  • 초점책은 아기들이 자연스럽게 그림을 보고, 물체를 살피고, 색상과 패턴을 인지하며, 시각 발달을 촉진할 수 있도록 만들어진 책입니다.
    • A focus book is a book designed to help babies naturally view pictures, examine objects, perceive colors and patterns, and promote visual development.
  • 초점책은 대개 간단한 형태와 색상, 그리고 뚜렷한 대비를 가진 이미지를 사용합니다. 이러한 요소들은 아기들이 초점을 잡기 쉬운 시각적 자극을 받게 하고, 아기의 시각 및 인지능력 발달을 돕습니다.
    • Focus books typically use simple forms, colors, and images with clear contrasts that provide easy visual stimuli for babies and help develop their visual and cognitive abilities.
  • 아기들은 초점책을 보면서 물체를 파악하고, 인지적 관심을 끌기 위해 몇 초 이내에 이미지를 식별하고 집중합니다.
    • abies focus on and concentrate on identifying and recognizing images in focus books within a few seconds to draw cognitive attention.

🖼️ 화면 소개 [Main View]

  • SwiftUI의 애니메이션, 3D효과를 사용했으며, 도트로 그린 그림을 이미지 렌더링을 이용해 저장할 수 있도록 구현하였습니다.

    • I used animations and 3D effects in SwiftUI, and implemented the function to render and save images.
  • AVFoundation의 음원 재생 기능을 사용해 배경 음악이 앱 실행 시 자동재생 되도록 하였습니다.

    • I also used AVFoundation's audio playback functionality to automatically play background music when the app is launched.
    책 보여주기 (Reading a Book) 페이지 추가 (Save Page) 페이지 삭제 (Delete Page)
    Simulator Screen Recording - iPad Pro (12 9-inch) (6th generation) - 2023-04-24 at 14 31 31 Simulator Screen Recording - iPad Pro (12 9-inch) (6th generation) - 2023-04-24 at 14 32 34 Simulator Screen Recording - iPad Pro (12 9-inch) (6th generation) - 2023-04-24 at 14 33 05
    5초마다 다음 페이지로 전환되며, 터치하여 전환 기능 +버튼을 눌러 새로운 이미지 생성 기능 페이지 목록의 이미지를 선택 후 삭제기능

사용 기술 [Skills]

  • SwiftUI
  • AVFoundation
  • Animation
  • LocalStorage: FileManager

🔏 License

배경음악에 CHOSIC 사이트에서 다운로드한 Sunset Landscape 음원을 사용했습니다.

I used sound as background music. I downloaded and used music from the CHOSIC. CHOSIC link: https://www.chosic.com/free-music/all/ the music corresponding to Creative Commons music stated the author below.

Sunset Landscape

Sunset Landscape by Keys of Moon | https://soundcloud.com/keysofmoon Music promoted by https://www.chosic.com/free-music/all/ Creative Commons CC BY 4.0 https://creativecommons.org/licenses/by/4.0/

focusbook's People

Contributors

juny0110 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.