성원 구동 개발 지원 [귀여운 목소리로 퀘스트 효율 향상(electron 데스크톱 성원 캐릭터)]

지원 드라이브 개발 (electron 데스크톱 지원 역할)
귀여운 목소리의 성원으로 미션 효율을 높이자!!
사전 준비
  • pc
  • electron의 개발 환경
  • 의 목적
    사람은 어떻게 해야만 임무의 효율을 높일 수 있습니까?
    사람은 칭찬을 받고 지지를 받으면 의욕이 생긴다.
    따라서 칭찬을 받기 위해, 지지를 받기 위해 임무를 소화하고, 임무를 완수하면 칭찬을 받는다.
    칭찬을 받기 위해 개발을 일찍 끝낼 생각이다.따라서 작업 효율이 높아진다.
    성원 구동 개발입니다.
    좋아하는 사람(캐릭터)에게 칭찬받는 게 최고!!
    여기서 이번에는 데스크톱 성원 역할이다.
    매번 구동 개발 임무를 완수할 때마다 칭찬을 받는다.칭찬을 받기 위해 임무 처리 효율이 높아지다.구동 개발pic.twitter.com/rwiYu1yrFj-fishkiller(@R BAGGIO 1017)2018년 3월 10일


    단순 디렉터리 구성


    voice-drive
    |---src
    |    |-image - 画像ファイル
    |    |-js - index.js
    |    |-index.html
    |    |-main.js
    |---xxx.icon/icons/png(パッケージ化する際のアイコン)
    
    
    


    index.html


    <!DOCTYPE html>
    <html lang="ja" >
    <head>
      <meta charset="UTF-8">
      <title>声援駆動開発</title>
          <script  src="js/index.js"></script>
    </head>
    <body>
      <marquee behavior="alternate" direction="up" height="350"><marquee direction="right">
      <input type="image" width="150" height="300" src="images/fran.jpg" value="Check" onclick="praise()">
    </marquee>
    </marquee>
    </body>
    </html>
    
    


    main.js


    'use strict';
    
    var electron = require('electron');
    var app = electron.app;
    var BrowserWindow = electron.BrowserWindow;
    
    var mainWindow = null;
    
    app.on('window-all-closed', function() {
      if (process.platform != 'darwin')
        app.quit();
    });
    
    app.on('ready', function() {
    
    mainWindow = new BrowserWindow({
     width: 800,
     height: 600,
     transparent: true,
     frame: false});
    
      mainWindow.loadURL('file://' + __dirname + '/index.html');
    
      mainWindow.on('closed', function() {
        mainWindow = null;
      });
    });
    
    


    index.js


    //音声ファイルを読み込む
    // var voice = new Audio("再生する音声ファイルのURL")
    var voice = new Audio("http://fishkiller.han-be.com/voice/thx.mp3");
    
    function praise() {
      voice.play()
    };
    
    


    포장


    # Windows
    electron-packager . ディレクトリ名 --platform=win32 --electron-version=1.4.5 --icon=./--------.ico
    # OSX
    electron-packager . ディレクトリ名 --platform=darwin --electron-version=1.4.5 --icon=./--------.icns
    # Linux
    electron-packager . ディレクトリ名 --platform=linux --electron-version=1.4.5 --icon=./----------.png
    



    이번엔 아주 간단합니다. 클릭하면 소리 파일만 재생됩니다. 클릭하면 퀘스트 종료 정보post를 퀘스트 관리에 사용하면 재미있을 것입니다.저는 며칠 뒤에 하고 싶어요.br/>
    그림을 가지런히 자른 pg 파일이 더 좋아요br/>
    그리고 여기는 데스크톱에 보이지만 메뉴 표시줄이 더 좋다고 생각하는 분들도 계실 거예요.br/>
    이런 사람, 이 글여기..


    에서도 여러분이 좋아하는 캐릭터와 그녀의 목소리로 미션 효율을 높일 수 있죠!


    트위터에 있는 그 사람은 문제가 많아요. github에 다른 캐릭터가 있어요.br/>
    홋카이도 현지 마스코트 노래하고 춤추는 불사계 아이돌.
    프란체스카입니다.br/>


    Github: https://github.com/fishkiller252/voice-drive

    Download: https://github.com/fishkiller252/voice-drive/releases

    twitter: @R_BAGGIO1017


    좋은 웹페이지 즐겨찾기