MoeJue/DropOut
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: ロード完了の処理を実装

Browse Source
This commit is contained in:
yuki540 2018-02-21 16:51:03 +09:00
parent 6041d2692e
commit ed12e63264
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/scripts/app.js
View File

@ -10,7 +10,7 @@ import preload_json from './config/preload'
setTimeout(() => { setTimeout(() => {
testPreload(() => { testPreload(() => {
util.finisheLoadView()
}, (per) => { }, (per) => {
util.updateCharPanel(per) util.updateCharPanel(per)
util.updateProgressBar(per) util.updateProgressBar(per)

8
src/scripts/lib/util.js
View File

@ -1,3 +1,4 @@
const load_view = document.getElementById('load-view')
const char_panel = document.querySelectorAll('.blocks .block') const char_panel = document.querySelectorAll('.blocks .block')
const progress_bar = document.getElementById('progress-bar') const progress_bar = document.getElementById('progress-bar')
@ -78,3 +79,10 @@ export const updateCharPanel = (per) => {
export const updateProgressBar = (per) => { export const updateProgressBar = (per) => {
progress_bar.children[0].style.width = `${ per * 100 }%` progress_bar.children[0].style.width = `${ per * 100 }%`
} }
/**
* モーションパート
*/
export const finisheLoadView = () => {
load_view.setAttribute('data-state', 'fin')
}