Hamed/vending-machine-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Hamed
2026-10-20 12:07:26 +03:30
parent f7c6aee286
commit 430d7e1c11
8 changed files with 1848 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.idea/vcs.xml
Generated
+6
View File
@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
src/characters.js
+24 -21
View File
@@ -41,26 +41,29 @@ export function createFamily() {
root.add(torso); root.add(torso);
const cloth = mat(isChild ? '#d98150' : '#e4c695'), pants = mat(isChild ? '#527463' : '#496474'); const cloth = mat(isChild ? '#d98150' : '#e4c695'), pants = mat(isChild ? '#527463' : '#496474');
// Tapered jacket, hips and neck replace the single rounded toy-like body. // Tapered jacket, hips and neck replace the single rounded toy-like body.
shape(torso,new THREE.CylinderGeometry(.255*scale,.22*scale,.62*scale,16),cloth,[0,1.2*scale,0]).scale.z=.72; shape(torso, new THREE.CylinderGeometry(.255 * scale, .22 * scale, .62 * scale, 16), cloth, [0, 1.2 * scale, 0]).scale.z = .72;
sphere(torso,.23,pants,[0,.88*scale,0],[scale,.55*scale,.72*scale]); sphere(torso, .23, pants, [0, .88 * scale, 0], [scale, .55 * scale, .72 * scale]);
shape(torso,new THREE.CylinderGeometry(.075*scale,.09*scale,.18*scale,12),skin,[0,1.59*scale,0]); shape(torso, new THREE.CylinderGeometry(.075 * scale, .09 * scale, .18 * scale, 12), skin, [0, 1.59 * scale, 0]);
const seam=shape(torso,new THREE.BoxGeometry(.014*scale,.5*scale,.014*scale),mat('#bda77f'),[0,1.2*scale,.19*scale]); const seam = shape(torso, new THREE.BoxGeometry(.014 * scale, .5 * scale, .014 * scale), mat('#bda77f'), [0, 1.2 * scale, .19 * scale]);
for(const side of [-1,1]){ for (const side of [-1, 1]) {
const collar=shape(torso,new THREE.BoxGeometry(.12*scale,.09*scale,.025*scale),cloth,[side*.07*scale,1.49*scale,.15*scale]);collar.rotation.z=side*.4; const collar = shape(torso, new THREE.BoxGeometry(.12 * scale, .09 * scale, .025 * scale), cloth, [side * .07 * scale, 1.49 * scale, .15 * scale]);
collar.rotation.z = side * .4;
} }
const head = new THREE.Group(); const head = new THREE.Group();
head.position.y = 1.77 * scale; head.position.y = 1.77 * scale;
torso.add(head); torso.add(head);
head.scale.setScalar(isChild?.9:.77); head.scale.setScalar(isChild ? .9 : .77);
const eyes=[]; const eyes = [];
sphere(head, .27 * scale, skin, [0, 0, 0]); sphere(head, .27 * scale, skin, [0, 0, 0]);
sphere(head, .275 * scale, hair, [0, .11 * scale, -.035 * scale], [1, .65, 1]); sphere(head, .275 * scale, hair, [0, .11 * scale, -.035 * scale], [1, .65, 1]);
sphere(head, .058 * scale, skin, [0, -.02 * scale, .25 * scale]); sphere(head, .058 * scale, skin, [0, -.02 * scale, .25 * scale]);
for (const side of [-1, 1]) { for (const side of [-1, 1]) {
sphere(head, .06 * scale, skin, [side * .26 * scale, 0, 0]); sphere(head, .06 * scale, skin, [side * .26 * scale, 0, 0]);
sphere(head,.037*scale,mat('#f6f1e7'),[side*.09*scale,.03*scale,.241*scale],[1,.65,.5]); sphere(head, .037 * scale, mat('#f6f1e7'), [side * .09 * scale, .03 * scale, .241 * scale], [1, .65, .5]);
const eye=sphere(head,.022*scale,shoes,[side*.09*scale,.03*scale,.258*scale],[.8,1,.45]);eyes.push(eye); const eye = sphere(head, .022 * scale, shoes, [side * .09 * scale, .03 * scale, .258 * scale], [.8, 1, .45]);
const brow=shape(head,new THREE.BoxGeometry(.075*scale,.015*scale,.015*scale),hair,[side*.09*scale,.087*scale,.237*scale]);brow.rotation.z=side*-.08; eyes.push(eye);
const brow = shape(head, new THREE.BoxGeometry(.075 * scale, .015 * scale, .015 * scale), hair, [side * .09 * scale, .087 * scale, .237 * scale]);
brow.rotation.z = side * -.08;
sphere(head, .04 * scale, mat('#d79379'), [side * .15 * scale, -.055 * scale, .215 * scale]); sphere(head, .04 * scale, mat('#d79379'), [side * .15 * scale, -.055 * scale, .215 * scale]);
} }
const smile = shape(head, new THREE.TorusGeometry(.068 * scale, .012 * scale, 6, 14, Math.PI), shoes, [0, -.075 * scale, .252 * scale]); const smile = shape(head, new THREE.TorusGeometry(.068 * scale, .012 * scale, 6, 14, Math.PI), shoes, [0, -.075 * scale, .252 * scale]);
@@ -89,31 +92,31 @@ export function createFamily() {
lower: segment(group, null, null, .061 * scale, skin), lower: segment(group, null, null, .061 * scale, skin),
hand: sphere(group, .075 * scale, skin, [0, 0, 0]) hand: sphere(group, .075 * scale, skin, [0, 0, 0])
})); }));
return {root, torso, head, legs, arms, scale, z,eyes}; return {root, torso, head, legs, arms, scale, z, eyes};
} }
const father = makePerson(false, -.45), child = makePerson(true, .45); const father = makePerson(false, -.45), child = makePerson(true, .45);
function update({time, gait, moving, facing, shopping, delivery, finished, watchRabbit,dt=1/60}) { function update({time, gait, moving, facing, shopping, delivery, finished, watchRabbit, dt = 1 / 60}) {
const actors = [father, child]; const actors = [father, child];
actors.forEach((actor, index) => { actors.forEach((actor, index) => {
const blend=1-Math.exp(-dt*7); const blend = 1 - Math.exp(-dt * 7);
actor.root.position.x=THREE.MathUtils.lerp(actor.root.position.x,shopping?(index===0?-.55:.25):0,blend); actor.root.position.x = THREE.MathUtils.lerp(actor.root.position.x, shopping ? (index === 0 ? -.55 : .25) : 0, blend);
actor.root.position.y=THREE.MathUtils.lerp(actor.root.position.y,finished?-.32:0,blend); actor.root.position.y = THREE.MathUtils.lerp(actor.root.position.y, finished ? -.32 : 0, blend);
actor.root.position.z=actor.z; actor.root.position.z = actor.z;
actor.root.rotation.y = facing; actor.root.rotation.y = facing;
const bob = moving ? Math.abs(Math.sin(gait)) * .022 : Math.sin(time * 2) * .006; const bob = moving ? Math.abs(Math.sin(gait)) * .022 : Math.sin(time * 2) * .006;
actor.torso.position.y = bob; actor.torso.position.y = bob;
actor.torso.rotation.z=moving?Math.sin(gait)*.018:0; actor.torso.rotation.z = moving ? Math.sin(gait) * .018 : 0;
const blinking=Math.sin(time*1.3+index)>.993; const blinking = Math.sin(time * 1.3 + index) > .993;
actor.eyes.forEach(eye=>eye.scale.y=blinking?.12:1); actor.eyes.forEach(eye => eye.scale.y = blinking ? .12 : 1);
actor.head.rotation.y = shopping ? -.65 : watchRabbit ? .55 : Math.sin(time * .7) * .06; actor.head.rotation.y = shopping ? -.65 : watchRabbit ? .55 : Math.sin(time * .7) * .06;
actor.torso.rotation.x = delivery && index === 1 ? .22 : 0; actor.torso.rotation.x = delivery && index === 1 ? .22 : 0;
actor.legs.forEach((leg, i) => { actor.legs.forEach((leg, i) => {
const phase = gait + i * Math.PI; const phase = gait + i * Math.PI;
leg.hip.rotation.x = finished ? -1.3 : moving ? Math.sin(phase) * .34 : 0; leg.hip.rotation.x = finished ? -1.3 : moving ? Math.sin(phase) * .34 : 0;
leg.foot.rotation.x=moving?Math.sin(phase+.5)*.12:0; leg.foot.rotation.x = moving ? Math.sin(phase + .5) * .12 : 0;
leg.knee.rotation.x = finished ? 1.5 : moving ? Math.max(0, -Math.sin(phase)) * .5 : .05; leg.knee.rotation.x = finished ? 1.5 : moving ? Math.max(0, -Math.sin(phase)) * .5 : .05;
}); });
}); });
src/controls.js
Vendored
+2 -1
View File
@@ -3,6 +3,7 @@ export function movementDirection(pressed, held) {
return Number(pressed.has('arrowright') || pressed.has('d') || held.has(1)) return Number(pressed.has('arrowright') || pressed.has('d') || held.has(1))
- Number(pressed.has('arrowleft') || pressed.has('a') || held.has(-1)); - Number(pressed.has('arrowleft') || pressed.has('a') || held.has(-1));
} }
export function canWalk({shopOpen=false, notebookOpen=false, endingOpen=false, busy=false, finished=false}) {
export function canWalk({shopOpen = false, notebookOpen = false, endingOpen = false, busy = false, finished = false}) {
return !shopOpen && !notebookOpen && !endingOpen && !busy && !finished; return !shopOpen && !notebookOpen && !endingOpen && !busy && !finished;
} }
src/game-state.js
+23 -15
View File
@@ -3,23 +3,31 @@ export const formatHetoman = value => `${value.toLocaleString('fa-IR')} هتوم
export const hetomanToRial = value => value * 10000; export const hetomanToRial = value => value * 10000;
const assortment = [ const assortment = [
{id: 'juice', code:'11', name: 'آب‌میوه', icon: '🧃', cost: 35000, type: 'drink'}, {id: 'juice', code: '11', name: 'آب‌میوه', icon: '🧃', cost: 35000, type: 'drink'},
{id: 'water', code:'12', name: 'آب معدنی', icon: '💧', cost: 15000, type: 'drink'}, {id: 'water', code: '12', name: 'آب معدنی', icon: '💧', cost: 15000, type: 'drink'},
{id: 'biscuit', code:'13', name: 'بیسکویت', icon: '🍪', cost: 25000, type: 'snack'}, {id: 'biscuit', code: '13', name: 'بیسکویت', icon: '🍪', cost: 25000, type: 'snack'},
{id:'milk',code:'14',name:'شیر کاکائو',icon:'🥛',cost:40000,type:'drink'}, {id: 'milk', code: '14', name: 'شیر کاکائو', icon: '🥛', cost: 40000, type: 'drink'},
{id:'tea',code:'15',name:'چای سرد',icon:'🧋',cost:45000,type:'drink'}, {id: 'tea', code: '15', name: 'چای سرد', icon: '🧋', cost: 45000, type: 'drink'},
{id:'lemonade',code:'16',name:'لیموناد',icon:'🍋',cost:40000,type:'drink'}, {id: 'lemonade', code: '16', name: 'لیموناد', icon: '🍋', cost: 40000, type: 'drink'},
{id:'chocolate',code:'17',name:'شکلات',icon:'🍫',cost:30000,type:'snack'}, {id: 'chocolate', code: '17', name: 'شکلات', icon: '🍫', cost: 30000, type: 'snack'},
{id:'nuts',code:'18',name:'آجیل',icon:'🥜',cost:65000,type:'snack'}, {id: 'nuts', code: '18', name: 'آجیل', icon: '🥜', cost: 65000, type: 'snack'},
{id:'cake',code:'19',name:'کیک',icon:'🧁',cost:35000,type:'snack'} {id: 'cake', code: '19', name: 'کیک', icon: '🧁', cost: 35000, type: 'snack'}
]; ];
// All 60 physical channels exist; only 21–60 are available in this scene. // All 60 physical channels exist; only 21–60 are available in this scene.
export const channels=Array.from({length:60},(_,index)=>{ export const channels = Array.from({length: 60}, (_, index) => {
const channel=index+1,base=assortment[(channel-22+63)%assortment.length]; const channel = index + 1, base = assortment[(channel - 22 + 63) % assortment.length];
return {...base,baseId:base.id,id:`channel-${channel}`,code:String(channel),channel,cost:base.cost/1000,available:channel>=21}; return {
...base,
baseId: base.id,
id: `channel-${channel}`,
code: String(channel),
channel,
cost: base.cost / 1000,
available: channel >= 21
};
}); });
export const products=channels.filter(channel=>channel.available); export const products = channels.filter(channel => channel.available);
export function createState() { export function createState() {
return {balance: INITIAL_BALANCE, basket: [], busy: false, finished: false, recycled: false}; return {balance: INITIAL_BALANCE, basket: [], busy: false, finished: false, recycled: false};
@@ -43,6 +51,6 @@ export function purchase(state, id) {
} }
export function productByCode(value) { export function productByCode(value) {
const normalized=String(value).trim().replace(/[۰-۹]/g,c=>String('۰۱۲۳۴۵۶۷۸۹'.indexOf(c))).replace(/[٠-٩]/g,c=>String('٠١٢٣٤٥٦٧٨٩'.indexOf(c))); const normalized = String(value).trim().replace(/[۰-۹]/g, c => String('۰۱۲۳۴۵۶۷۸۹'.indexOf(c))).replace(/[٠-٩]/g, c => String('٠١٢٣٤٥٦٧٨٩'.indexOf(c)));
return products.find(p=>p.code===normalized) ?? null; return products.find(p => p.code === normalized) ?? null;
} }
src/main.js
+705 -248
View File
File diff suppressed because it is too large Load Diff
src/payment.js
+32 -12
View File
@@ -1,16 +1,36 @@
import {purchase} from './game-state.js'; import {purchase} from './game-state.js';
export function createPayment(){return {phase:'idle',product:null};}
export function beginPayment(state,payment,product){ export function createPayment() {
if(payment.phase!=='idle'||!product||!purchase({...state,basket:[...state.basket]},product.id))return false; return {phase: 'idle', product: null};
payment.product=product;payment.phase='approaching';state.busy=true;return true;
} }
export function swipePayment(state,payment){
if(payment.phase!=='ready')return false; export function beginPayment(state, payment, product) {
state.busy=false; if (payment.phase !== 'idle' || !product || !purchase({
if(!purchase(state,payment.product.id)){payment.phase='idle';payment.product=null;return false;} ...state,
payment.phase='approved';return true; basket: [...state.basket]
}, product.id)) return false;
payment.product = product;
payment.phase = 'approaching';
state.busy = true;
return true;
} }
export function cancelPayment(state,payment){
if(!['approaching','ready'].includes(payment.phase))return false; export function swipePayment(state, payment) {
payment.phase='idle';payment.product=null;state.busy=false;return true; if (payment.phase !== 'ready') return false;
state.busy = false;
if (!purchase(state, payment.product.id)) {
payment.phase = 'idle';
payment.product = null;
return false;
}
payment.phase = 'approved';
return true;
}
export function cancelPayment(state, payment) {
if (!['approaching', 'ready'].includes(payment.phase)) return false;
payment.phase = 'idle';
payment.product = null;
state.busy = false;
return true;
} }
src/story.js
+66 -27
View File
@@ -1,35 +1,74 @@
export const chapters = { export const chapters = {
morning:{title:'تپهٔ آرزوها',lines:['پدر: بریم تپه؟ امروز راه رو با هم کشف می‌کنیم.']}, morning: {title: 'تپهٔ آرزوها', lines: ['پدر: بریم تپه؟ امروز راه رو با هم کشف می‌کنیم.']},
rabbit:{title:'یک دوست کوچک',lines:['بچه: یه خرگوش! آروم نگاهش کنیم؟'],action:{value:'watch',label:'تماشای خرگوش'}}, rabbit: {
bridge:{title:'روی پل',lines:['پدر: دستم رو بگیر؛ با هم رد می‌شیم.']}, title: 'یک دوست کوچک',
fish:{title:'زیر پل',lines:['بچه: ماهی‌ها رو ببین!']}, lines: ['بچه: یه خرگوش! آروم نگاهش کنیم؟'],
courage:{title:'اولین خرید من',lines:['پدر: حالا برای پیک‌نیک خرید کنیم.']}, action: {value: 'watch', label: 'تماشای خرگوش'}
wind:{title:'باد و نقاشی',lines:['بچه: نقاشیم رفت کنار بوته!']}, },
paper:{title:'پیداش کردیم',lines:['بچه: سالمه! بالای تپه کاملش می‌کنم.'],action:{value:'recover',label:'برداشتن نقاشی'}}, bridge: {title: 'روی پل', lines: ['پدر: دستم رو بگیر؛ با هم رد می‌شیم.']},
fork:{title:'مسیر تپه',lines:['پدر: از راه آفتابی به تپه می‌رسیم.'],action:{value:'sunny',label:'ادامهٔ مسیر'}}, fish: {title: 'زیر پل', lines: ['بچه: ماهی‌ها رو ببین!']},
sunny:{title:'رنگ‌های جنگل',lines:['بچه: این رنگ‌ها رو توی نقاشیم می‌کشم!']}, courage: {title: 'اولین خرید من', lines: ['پدر: حالا برای پیک‌نیک خرید کنیم.']},
shade:{title:'درخت خاطره‌ها',lines:['پدر: بچه که بودم هم زیر همین درخت می‌نشستم.']}, wind: {title: 'باد و نقاشی', lines: ['بچه: نقاشیم رفت کنار بوته!']},
summit:{title:'کنار هم',lines:['بچه: دفعهٔ بعد، من راه رو نشونت می‌دم!'],action:{value:'gold',label:'کامل کردن نقاشی'}} paper: {
title: 'پیداش کردیم',
lines: ['بچه: سالمه! بالای تپه کاملش می‌کنم.'],
action: {value: 'recover', label: 'برداشتن نقاشی'}
},
fork: {
title: 'مسیر تپه',
lines: ['پدر: از راه آفتابی به تپه می‌رسیم.'],
action: {value: 'sunny', label: 'ادامهٔ مسیر'}
},
sunny: {title: 'رنگ‌های جنگل', lines: ['بچه: این رنگ‌ها رو توی نقاشیم می‌کشم!']},
shade: {title: 'درخت خاطره‌ها', lines: ['پدر: بچه که بودم هم زیر همین درخت می‌نشستم.']},
summit: {
title: 'کنار هم',
lines: ['بچه: دفعهٔ بعد، من راه رو نشونت می‌دم!'],
action: {value: 'gold', label: 'کامل کردن نقاشی'}
}
}; };
export function createStory(){return {done:[],rabbitChoice:null,route:null,sky:null};}
export function completeChapter(story,id,choice){ export function createStory() {
if(!chapters[id]||story.done.includes(id))return false; return {done: [], rabbitChoice: null, route: null, sky: null};
if(chapters[id].action&&chapters[id].action.value!==choice)return false; }
export function completeChapter(story, id, choice) {
if (!chapters[id] || story.done.includes(id)) return false;
if (chapters[id].action && chapters[id].action.value !== choice) return false;
story.done.push(id); story.done.push(id);
if(id==='rabbit')story.rabbitChoice=choice; if (id === 'rabbit') story.rabbitChoice = choice;
if(id==='fork')story.route=choice; if (id === 'fork') story.route = choice;
if(id==='summit')story.sky=choice; if (id === 'summit') story.sky = choice;
return true; return true;
} }
export function nextChapter(story,x){
const done=id=>story.done.includes(id); export function nextChapter(story, x) {
if(!done('morning'))return 'morning'; const done = id => story.done.includes(id);
for(const [id,threshold] of [['rabbit',-3.7],['bridge',-2.2],['fish',0],['courage',2.7],['wind',12],['paper',14],['fork',16]]){ if (!done('morning')) return 'morning';
if(!done(id))return x>=threshold?id:null; for (const [id, threshold] of [['rabbit', -3.7], ['bridge', -2.2], ['fish', 0], ['courage', 2.7], ['wind', 12], ['paper', 14], ['fork', 16]]) {
if (!done(id)) return x >= threshold ? id : null;
} }
if(!done(story.route))return x>=19?story.route:null; if (!done(story.route)) return x >= 19 ? story.route : null;
return null; return null;
} }
export function storyReady(story){return ['morning','rabbit','bridge','fish','courage','wind','paper','fork',story.route].every(id=>story.done.includes(id));}
export function routeOffset(story,x){if(x>12&&x<15&&story.done.includes('wind'))return Math.sin((x-12)/3*Math.PI)*1.5;if(x<=16||x>=21||!story.route)return 0;return Math.sin((x-16)/5*Math.PI)*(story.route==='sunny'?2.2:-2.2);} export function storyReady(story) {
export function discoveries(story){const entries=[];if(story.done.includes('rabbit'))entries.push(story.rabbitChoice==='sketch'?'🐇 نقاشی خرگوش':'🐇 تماشای آرام خرگوش');if(story.done.includes('fish'))entries.push('🐟 ماهی‌های زیر پل');if(story.done.includes('courage'))entries.push('🌉 پل شجاعت');if(story.done.includes('paper'))entries.push('📄 نقاشی بازیابی‌شده');if(story.done.includes('sunny'))entries.push('🦋 رنگ‌های پروانه‌ها');if(story.done.includes('shade'))entries.push('🌳 خاطرهٔ درخت قدیمی');return entries;} return ['morning', 'rabbit', 'bridge', 'fish', 'courage', 'wind', 'paper', 'fork', story.route].every(id => story.done.includes(id));
}
export function routeOffset(story, x) {
if (x > 12 && x < 15 && story.done.includes('wind')) return Math.sin((x - 12) / 3 * Math.PI) * 1.5;
if (x <= 16 || x >= 21 || !story.route) return 0;
return Math.sin((x - 16) / 5 * Math.PI) * (story.route === 'sunny' ? 2.2 : -2.2);
}
export function discoveries(story) {
const entries = [];
if (story.done.includes('rabbit')) entries.push(story.rabbitChoice === 'sketch' ? '🐇 نقاشی خرگوش' : '🐇 تماشای آرام خرگوش');
if (story.done.includes('fish')) entries.push('🐟 ماهی‌های زیر پل');
if (story.done.includes('courage')) entries.push('🌉 پل شجاعت');
if (story.done.includes('paper')) entries.push('📄 نقاشی بازیابی‌شده');
if (story.done.includes('sunny')) entries.push('🦋 رنگ‌های پروانه‌ها');
if (story.done.includes('shade')) entries.push('🌳 خاطرهٔ درخت قدیمی');
return entries;
}
src/style.css
+990 -14
View File
File diff suppressed because it is too large Load Diff