자바 스크립트에서 캔버스의 처리 스케치에서 변수/데이터를 가져 와서 해당 변수가 포함 된 페이지 함수를 트리거 할 수 있습니다.

Question

사용자가 로그인 한 다음 버튼을 눌러야하는 화면으로 전송되는 간단한 앱을 만들고 있습니다. 가능한 한 빨리 30 초 동안. Processing을 사용하여 canvas 요소를 사용하여 일반 HTML 페이지에 버튼이있는 스케치를 만듭니다. 처리 파일에 연결을 시도했는데 코드를. 두 가지 모두 페이지에 스케치를 배치하는 측면에서 유효한 결과를 산출합니다.

processing.js와 javascript를 사용하여 솔루션을 검색하고 시도하는 데 시간을 낭비했지만 내 검색에서 데이터/변수를 사용하여 스케치를 트리거/저장하는 방법을 설명하지 않았습니다. 페이지.

목표는 스케치 내의 타이머가 "0"이되면 점수 판 페이지로 이동하여 점수를 제출하고 다시 재생할 것인지 묻는 것입니다.

스케치 밖에서 타이머 나 스코어 변수에 액세스하는 방법을 모르기 때문에 사용자를 자동으로 다음 페이지로 보내거나 점수를 저장할 수 없습니다.

저는 스케치가있는 작업 웹 페이지가 http://rwmillerdesigns.com/IM215/final/game.html이고, Phonegap을 사용하여 iPhone에 앱을 넣을 수도 있습니다. 여기

내가 페이지에 스케치를 넣어 한 방법입니다

<canvas id="processing" data-processing-sources="processing.pde" width="300" height="350" tabindex="0" style="image-rendering: -webkit-optimize-contrast !important;"> 
         <p>Your browser does not support the canvas tag.</p> 
         <!-- Note: you can put any alternative content here. --> 
        </canvas> 

당신은 내가 뭐하는 거지 그 무엇에 대한 질문이 있으시면, 문의 주시기 바랍니다!

Answer 1

당신이 할 수 있었던 한 가지는 실제로 processingjs.org로 가서 IRC 채널이 있다는 것을 알았 기 때문에 시간을 소비하는 대신 우리에게 즉시 물어볼 수있었습니다. =) 스케치는 변수를 노출시키지 않고 함수 , 당신이해야 할 일은 a) JavaScript가 스케치에서 가져와야하는 변수에 대한 getter를 작성하거나 b) 을 스케치에 javascript이라는 변수로 바인드 한 다음 오른쪽으로 스케치 호출 JavaScript 함수를 만들기 만하면됩니다 변수를 함수 인수로 사용합니다. 후자를 수행하는 방법을 보려면 (Java 모드뿐만 아니라 JS에서도 스케치를 유지하는 방식으로) http://processingjs.org/articles/PomaxGuide.html