목록2024/05/17 (3)

My Boundary As Much As I Experienced

React Navigation의 Stack과 Tab의 비교

React Navigation이란? (+세팅법)React Navigation은 React Router Dom의 RN버전이다. (웹환경과의 차이가 좀 있긴하다.)세팅법은 공식문서에 보면 나와있다. React Native CLI 기준으로 세팅하고 싶은 분들은 아래 명령어를 치신 뒤npm install @react-navigation/native NavigationContainer를 App.tsx에 import하여 당신의 앱을 두르면 된다.import * as React from 'react';import { NavigationContainer } from '@react-navigation/native';export default function App() { return ( {/* Rest of yo..
FrontEnd/React Native 2024. 5. 17. 17:05
펄린 노이즈(Perlin Noise)를 이용하여 예쁜(?) 무작위성을 주기

펄린 노이즈(Perlin Noise)란?펄린 노이즈(Perlin Noise)는 컴퓨터 그래픽스와 애니메이션에서 자연스러운 텍스처와 패턴을 생성하기 위해 사용되는 알고리즘이다. 켄 펄린(Ken Perlin)이 개발한 이 기법은 랜덤한 값을 기반으로 하지만, 부드럽고 연속적인 변화를 가지도록 설계되어 구름, 산맥, 물결 등의 자연 현상을 시뮬레이션하는 데 유용하다. 펄린 노이즈는 각기 다른 해상도의 노이즈를 합성하여 복잡하고 디테일한 결과를 얻는 프랙탈 노이즈 생성에도 자주 사용된다. p5.js에서의 펄린 노이즈p5.js에선 noise함수를 이용하여 펄린 노이즈를 만들 수 있다. 안에 좌표가 될 숫자값을 하나 넣어줘야한다. 그리고 p5.js의 기본적인 사용성 중 하나인데, draw함수는 1초에 60프레임으로..
Interactive(HTML Canvas ・three.js ・game)/CSS・Canvas ・ p5.js ・ Pixi.js 2024. 5. 17. 02:18
p5.js로 크리에이티브 코딩을 시작했다.

내가 요새 듣는 강의인 Nature of Code는 자바스크립트로 인터랙티브 코딩을 배우는 강의이다. 이 NoC는 20년 전에 먼저 책으로 나왔는데, Java의 Processing을 기반으로 되어있는 책이었다고 한다.그러나 감사하게도 2020년대에 The Coding Train이란 유튜버가 자바스크립트의 p5.js로 강의를 리뉴얼하였고,덕분에 내가 편하게 들을 수 있는 것이다. 인터랙티브한 프로덕트들, 특히 게임을 만들기 위한 첫걸음이라고 생각한다. 홧팅~ https://thecodingtrain.com/tracks/the-nature-of-code-2 The Coding TrainAll aboard the Coding Train with Daniel Shiffman, a YouTube channel d..
Interactive(HTML Canvas ・three.js ・game)/CSS・Canvas ・ p5.js ・ Pixi.js 2024. 5. 17. 00:43
이전 Prev 1 Next 다음