현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

자바스크립트 2D 게임 엔진 제작할려하는데요.!

xha221의 이미지
글쓴이: xha221 / 작성시간: 금, 2016/07/15 - 10:02오전

현재 스터디멤버 4명이서 간단한 자바스크립트 2D 게임 엔진(라이브러리)을 제작해보려는 스터디를 할 예정에 있습니다.

제가 나이어린 스터디장으로써 스터디 방향과 비전을 제시해야하는데요.

접근법을 정확하게 잘 모르겠습니다.

시중에 자바스크립트 게임 엔진관련한 책이 전무한 상태이고.. 웹에서도 마땅한 리소슬르 찾기가 힘들어서요..

일단 제가 제안한 접근법은 잘 만들어진 상용 자바스크립트 게임 라이브러리 3개를 골라 분석+ 관련된 자료 공부하는 스터디를 가짐으로써

전체적인 이해와 쓰이는 패턴, 기법등을 익힌후 그것을 바탕으로 직접 게임 라이브러리는 만드는 계획에 있습니다.

처음 해보는 주제의 스터디라 이러한 스터디 방햐이 적절한지 잘 모르겠네요...

혹시 다른 의견이나 참고할만한 리소스등이 있으면 댓글부탁드립니다.!

Forums: 
프로그래밍 QnA
shint의 이미지

글쓴이: shint / 작성시간: 금, 2016/07/15 - 3:20오후

잘되는 책이나 예제소스 찾아서. 따라해보세요. ㅇ_ㅇ;;

HTML5 Javascript

다른것도 생각해보면
WebGL LWJGL
XAML WPF SilverLight Flash. Flex. 삼성 스마트TV SDK. 안드로이드 SDK
Shader Toy

인텔도 Media SDK인가? 만든게 있던거 같습니다. ㅇ_ㅇ;;

-----------------------------------------------

HTML5로 작성된 '슈퍼마리오 브라더스'
http://musha3630.blog.me/80137690295

http://arcade.rawrbitrary.com/mario/

그라디우스
http://appsweets.net/gradius/index.html

http://allreview.co.kr/130178020475

셰이더 토이 (Shader Toy) - Crash 오류가 나는 코드 - Commodore 64 ★★★★★
https://www.shadertoy.com/browse

HTML5 / Javascript / .Net 으로 만든 슈퍼마리오 (スーパーマリョーワールド(仮)って？) | Javascript

スーパーマリョーワールド(仮)って？
http://www.janis.or.jp/users/segabito/

HTML5 Canvas demos by Kevin Roast
http://www.kevs3d.co.uk/dev/

HTML5 웹 페이지에서 게임하는 사이트
http://kickassapp.com/

Converting C++ directx code to Java, easy?
http://www.java-gaming.org/index.php?topic=17139.0

3D TPP LWJGL Game – Character model from Blender #6
https://moorky.wordpress.com/2013/01/18/3d-tpp-lwjgl-game-character-model-from-blender-6/

net.mschorn.sandbox
http://sandbox.mschorn.net/

NeHe Tutorials for LWJGL
http://ninjacave.com/nehetutorials

MS, 엣지 웹GL 처리기술 일부 오픈소스화
http://www.msn.com/ko-kr/news/techandscience/ms-%ec%97%a3%ec%a7%80-%ec%9b%b9gl-%ec%b2%98%eb%a6%ac%ea%b8%b0%ec%88%a0-%ec%9d%bc%eb%b6%80-%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4%ed%99%94/ar-AAgS2rl?ocid=iehp

File:Space invaders 2.png
http://wiki.lwjgl.org/index.php?title=File:Space_invaders_2.png

Invalid X server connection specified. (Linux) #39
https://github.com/LWJGL/lwjgl3/issues/39

만들면서 배우는 HTML5 게임 프로그래밍: PC와 스마트폰을 한 번에 잡는 멀티 플랫폼 게임 프로그래밍
황동윤 지음 | 국내서 | 2013년 06월 | 한빛미디어(주)
http://www.hanbit.co.kr/book/look.html?isbn=978-89-6848-022-5

Hype - HTML5 기반에서 화려한 컨텐츠를 쉽게 제작할 수 있는 어플
http://kiros33.blog.me/220308449475

제니퍼소프트, HTML5 기반 UI 컴포넌트 오픈소스로 공개
http://www.edaily.co.kr/news/NewsRead.edy?SCD=JE41&newsid=02761766609241656&DCD=A00504&OutLnkChk=Y

[스크랩] HTML5로 되살아난 90년대 대표 음악 프로그램 '윈앰프'
http://media.daum.net/digital/others/newsview?newsId=20150219164111754&sp=1

익스플로어11 에서는 안된다.
크롬에서는 된다.

HTML5 (자바스크립 스마트TV를 포함한 Native 바이너리 파일 전송)와 플래시의 로컬 파일접근은
사용자 컴퓨터의 해킹을 할 수 있다. 이미 구글 크롬을 통한 화상 회의 캠도 실행되고 있다.

연습 사이트
http://jordaneldredge.com/projects/winamp2-js/

소스
https://github.com/captbaritone/winamp2-js

소스 - cggaurav/juicydrop
https://github.com/cggaurav/juicydrop

Winamp2-js es un minireproductor de música que funciona en tu navegador y que luce exactamente como el Winamp clásico.
http://hipertextual.com/archivo/2014/12/port-winamp-html5-javascript/

mp3 test file
https://archive.org/details/testmp3testfile

공인인증 전자서명
http://koreahtml5.kr/jsp/supportCenter/securityCertification.jsp

KOREA HTML5
http://koreahtml5.kr

여러나라의 전자 정부
http://openweb.or.kr/?page_id=74

HTML5 관련 책
http://book.daum.net/search/bookSearch.do?query=HTML5

HTML5 화려한효과들 참고사이트
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=32437&page=10

HTML5+CSS3 입문 모던 웹 디자인을 위한,최신 HTML5 표준안과 웹 브라우저 호환성을 반영한 웹 디자인 입문서 | 한메일
http://book.naver.com/bookdb/book_detail.nhn?bid=8599947

DITA 시작하기
http://hoze.tistory.com/857

How To Create CAPH Application Using Scene
http://www.samsungdforum.com/Guide/


초보자용 안드로이드 앱 만들기 IT / Issue
HTML5 를 웹에서 디자인하기
http://zoonho.blog.me/120164495524
http://appinventor.mit.edu/explore/
http://ai2.appinventor.mit.edu/#5175672041373696

안드로이드 앱 개발 환경 구축하기 - AVD 설치
http://striban.tistory.com/45

생각보다 쉽네요 안드로이드 앱 만들기 - Tips
http://asteray.egloos.com/viewer/3087960

[아이폰 앱 만들기 by Xcode4.2_#1] 간단한 어플리케이션 만들기(p47)
http://blog.naver.com/nkein82/100142020886

[아이폰 앱 만들기 by Xcode4.2_#5]구글지도(p145)
http://blog.naver.com/nkein82/100142380820

이두진의 [안드로이드 앱 개발 완벽 가이드 강좌]
http://hard.blog.me/70184449216

안드로이드 앱 개발 환경 구축하기 - Eclipse 와 SDK 설치
http://striban.tistory.com/42

Getting Started with Web Audio API
http://www.html5rocks.com/en/tutorials/webaudio/intro/

Capturing Audio & Video in HTML5
http://www.html5rocks.com/en/tutorials/getusermedia/intro/

HTML5 - 자바스크립트 2D,3D 물리엔진(javascript pysics engine)
http://blog.naver.com/lby2514/120171567346

----------------------------------------------------------------------------
젊음'은 모든것을 가능하게 만든다.

매일 1억명이 사용하는 프로그램을 함께 만들어보고 싶습니다.
정규 근로 시간을 지키는. 야근 없는 회사와 거래합니다.

각 분야별. 좋은 책'이나 사이트' 블로그' 링크 소개 받습니다. shintx@naver.com

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.