រំលងទៅខ្លឹមសារមេ

ក្បាច់ Coin Flip & Spin Wheel ឥតគិតថ្លៃ

បោះកាក់និម្មិត បង្វិលកង់ដែលកែប្រែបាន ឬជ្រើសរើសដោយចៃដន្យពីបញ្ជីជម្រើស។ ប្រើភាពចៃដន្យសុវត្ថិភាពខាងគ្រីបតូក្រាហ្វីរបស់កម្មវិធីរុករក — មិនមែនជាការចាប់ឆ្នោតសាធារណៈដែលអាចផ្ទៀងផ្ទាត់បានទេ ដូច្នេះកុំប្រើសម្រាប់ការប្រកួតដែលមានបទបញ្ញត្តិ។

ធ្វើការក្រៅបណ្តាញនៅពេលបានផ្ទុករួច

🔒 ទាំងបីឯកតាប្រើ cryptographically-secure random generator របស់ឧបករណ៍របស់អ្នក: លទ្ធផលត្រូវបានជ្រើសរើសដំបូង, បន្ទាប់មកត្រូវបាន animated — កាក់គឺពិតប្រាកដ 50/50, កង់ត្រូវបានវិលទៅលទ្ធផល already-picked, និង picker គឺ unbiased។ គ្មានអ្វីលាក់ខ្លួនពីដឹកនាំលាក់ទេ។ នេះគឺយុត្តិធម៌សម្រាប់ប្រើប្រាស់ casual ប៉ុន្តែមិនមែន verifiable public draw ទេ, ដូច្នេះជៀសវាងការប្រឹងប្រែង regulated ឬការសម្រេចចិត្ត high-value។

ការប្រើប្រាស់ទូទៅ

  • ប្រឹងក្រុមហ៊ុនក្នុងលម្អិតសម្រាប់ការសម្រេចប្រើក្រុមហ៊ុនលេងលម្អិតកម្មនាគមន៍ដើម្បីលេងលម្អិតសម្រេច នៅពេលលេងលើលម្អិតរវាងលម្អិតពីរ។
  • ដកឡើងវិលលេង សម្រាប់លម្អិតលេងក្នុងក្រុមហ៊ុនប្រើលេងលម្អិតលេង ដែលលម្អិតល្អក្នុងលម្អិតសម្របសម្រួល សម្រាប់លម្អិតលេងក្រុមហ៊ុនក្នុងលម្អិតលេង ឬក្រុមហ៊ុន។
  • ម៉ាក់សាលា Picker សម្រាប់រ៉ាប់ដប់ប្រើលេងលម្អិតលេង ឬលម្អិតលេង សម្រាប់ដកលម្អិត ផ្តល់ក្រុមហ៊ុន ឬលម្អិតលេង។
  • ក្រុមហ៊ុនលេងលម្អិតលេង សម្រាប់ការលេងប្រឹងក្រុមហ៊ុនលេង កម្មនាគមន៍ដើម្បីកំណត់ក្រុមហ៊ុន លម្អិតលេង រឺលម្អិតលេង ឬលម្អិតលេងលេង។
  • ម៉ាក់សាលា Picker សម្រាប់ការផ្តល់រង្វាន់ដកលម្អិតលេងលេង ពីបញ្ជីលម្អិត ប្រើក្នុងលម្អិតលេង ដែលលម្អិត និងលេង។

វាដំណើរការដោយរបៀបណា

របៀបទាំងបី — ចោលកាក់ បង្វិលកង់ និងជ្រើសរើសជម្រើស — ប្រើ Web Crypto API ភ្ជាប់ជាមួយកម្មវិធីរុករក (crypto.getRandomValues) ដើម្បីបង្កើតលទ្ធផលឈ្នះ រួចដឹកនាំចលនាទាំងស្រុងចំហៀងអតិថិជនជាមួយ CSS transforms និង requestAnimationFrame។ គ្មានម៉ាស៊ីនមេពាក់ព័ន្ធនៅចំណុចណាមួយទេ។

  1. 1
    Web Crypto ជ្រើសរើសអ្នកឈ្នះ
    មុននឹងចលនាណាមួយចាប់ផ្តើម crypto.getRandomValues បំពេញ Uint32Array ជាមួយចំនួនគត់ 32-ប៊ីតចៃដន្យគ្រីបូក្រាហ្វិក។ ប្រតិបត្តិការម៉ូឌុលគូសផែនទីវាទៅចំនួនជម្រើស (2 សម្រាប់ក្បាល/កន្ទុយ N សម្រាប់កង់ ឬកម្មវិធីជ្រើសរើស) ដូច្នេះលទ្ធផលនីមួយៗមានប្រូបាប៊ីលីតេស្មើគ្នាពិតប្រាកដ។
  2. 2
    មុំបង្វិលត្រូវបានគណនាដើម្បីធ្លាក់លើលទ្ធផល
    សម្រាប់កាក់ កូដគណនាការបង្វិលបន្ថែមខ្លីបំផុត (លើមុំសរុបបច្ចុប្បន្ន) ដែលបញ្ចប់ជាមួយផ្ទៃដែលត្រូវឡើងលើ — ក្បាលនៅ 0° កន្ទុយនៅ 180° — រួចបន្ថែម 5 ការបង្វិលពេញដូច្នេះវាមើលទៅដូចការចោលពិត។ កង់ធ្វើដូចគ្នា៖ វារកឲ្យស្មើ offset មុំដែលនាំចំណិតឈ្នះមកនៅក្រោមព្រួញបង្ហាញ បន្ថែម 6 ការបង្វិលពេញ និងអនុវត្តការរញ្ជួយចៃដន្យតូចមួយដូច្នេះព្រួញមិនតែងតែឈប់នៅចំណុចកណ្តាលនៃចំណិតទេ។
  3. 3
    ការផ្លាស់ប្តូរ CSS និង requestAnimationFrame ដឹកនាំចលនា
    កាក់ និងកង់ធ្វើចលនាតាម CSS transform ជាមួយខ្សែកោង cubic-bezier easing អនុវត្តទៅតម្លៃមុំបង្វិលបានជម្រុញតែមួយ — គ្មាន JavaScript ក្នុងស៊ុមនីមួយៗចាំបាច់ទេនៅពេលមុំត្រូវបានកំណត់។ កម្មវិធីជ្រើសរើសជម្រើសប្រើ requestAnimationFrame ជំនួសវិញ៖ ស៊ុមនីមួយៗ ចន្លោះកំពុងកើនឡើងជា quadratic កំណត់ថាតើត្រូវប្រព្រឹត្តទៅមុខការបំភ្លឺ ឬអត់ ផលិតការថយចុះម៉ាស៊ីនស្លុតដែលតែងតែឈប់នៅអ្នកឈ្នះដែលបានកំណត់ជាមុន។
  4. 4
    លទ្ធផលត្រូវបានបង្ហាញ និងកត់ត្រាទៅប្រវត្តិសម័យ
    setTimeout ធ្វើឱ្យប្រតិកម្មនៅពេលចលនាបានបញ្ចប់ (1.3 វិនាទីសម្រាប់កាក់ 4.3 វិនាទីសម្រាប់កង់) ហើយសរសេរលទ្ធផលទៅស្ថានភាព។ របៀបកាក់រក្សាប្រវត្តិសម័យបន្តរហូតដល់ 24 ចោលជាមួយចំនួនក្បាល/កន្ទុយ។ អ្នកប្រើដែលមាន prefers-reduced-motion បើកចោលចលនាទាំងស្រុង ហើយឃើញលទ្ធផលភ្លាមៗ។

ឧបករណ៍ពាក់ព័ន្ធ

សំណួរដែលសួរជាញឹកញាប់