ການສາທິດ JavaScript 10 ຢ່າງທີ່ ໜ້າ ປະທັບໃຈໂດຍໃຊ້ 1k ຫຼື ໜ້ອຍ ກວ່າ

ກະວີ: John Stephens
ວັນທີຂອງການສ້າງ: 28 ເດືອນມັງກອນ 2021
ວັນທີປັບປຸງ: 19 ເດືອນພຶດສະພາ 2024
Anonim
ການສາທິດ JavaScript 10 ຢ່າງທີ່ ໜ້າ ປະທັບໃຈໂດຍໃຊ້ 1k ຫຼື ໜ້ອຍ ກວ່າ - Creative
ການສາທິດ JavaScript 10 ຢ່າງທີ່ ໜ້າ ປະທັບໃຈໂດຍໃຊ້ 1k ຫຼື ໜ້ອຍ ກວ່າ - Creative

ເນື້ອຫາ

ທຸກໆປີການແຂ່ງຂັນ JS1K ຂໍໃຫ້ຜູ້ອອກແບບເວັບສ້າງໂປແກຼມ JavaScript ທີ່ເຢັນບໍ່ເກີນ 1k. ການປະກວດໄດ້ເລີ່ມຕົ້ນເປັນເລື່ອງຕະຫລົກ, ແຕ່ຄຸນນະພາບທີ່ສູງຂອງລາຍການຕ່າງໆໃນໄລຍະປີທີ່ຜ່ານມາໄດ້ເຮັດໃຫ້ມັນກາຍເປັນການສະແດງທີ່ສະຫງ່າງາມຂອງສິ່ງທີ່ທ່ານສາມາດເຮັດໄດ້ດ້ວຍລະຫັດມືຂອງທ່ານ.

ນີ້ແມ່ນ 10 ອັນທີ່ພວກເຮົາຍື່ນສະເຫນີທີ່ພວກເຮົາມັກທີ່ສຸດ ສຳ ລັບການແຂ່ງຂັນໃນປີນີ້ - ແຕ່ມີຫລາຍສິ່ງທີ່ ໜ້າ ຕື່ນຕາຕື່ນໃຈທີ່ຈະເຫັນ: ເຂົ້າເບິ່ງລາຍຊື່ເຕັມທີ່ເວັບໄຊ JS1K. (ແລະຖ້າທ່ານຕ້ອງການປ້ອນເຂົ້າ, ທ່ານຍັງມີເວລາຢູ່; ການຮຽກຮ້ອງຄັ້ງສຸດທ້າຍແມ່ນການເວລາທ່ຽງຄືນຂອງວັນອາທິດນີ້).

  • ອ່ານທຸກໆບົດຂຽນ JavaScript ຂອງພວກເຮົາທີ່ນີ້

01. Matrix ແມ່ນລະບົບ

ມີໃຜແດ່ທີ່ບໍ່ໄດ້ຮັບຄວາມຕື່ນເຕັ້ນຈາກການສາທິດການຜະລິດແບບ ໃໝ່ ຂອງ Matrix ທີ່ມີຊື່ສຽງໃນລະດູຝົນດີໆຂອງ Matrix ນີ້ໂດຍໃຊ້ JavaScript ຂະ ໜາດ ນ້ອຍ? ມັນຖືກສ້າງຂື້ນໂດຍ Pedro Franceschi ດ້ວຍລະຫັດພຽງ 956 ໄບ.


02. ອາບນ້ ຳ ເມສາ ນຳ ດອກໄມ້ພຶດສະພາ

ເກມປະເພດແບບງ່າຍດາຍແຕ່ມ່ວນຊື່ນໂດຍອີງໃສ່ພາບເຄື່ອນໄຫວທີ່ຄ້າຍຄືກັບພາກຮຽນ spring ໄດ້ຖືກສ້າງຂື້ນໂດຍ Abigail Cabunoc. ລະຫັດດັ່ງກ່າວໄດ້ຖືກອັດດ້ວຍ Closure Compiler, ຫຼັງຈາກນັ້ນກໍ່ໄດ້ປະຕິບັດມືໃຫ້ນ້ອຍລົງ, ແລ້ວສຸດທ້າຍ JS Crush.

03. ການທ່ອງທ່ຽວເມືອງ 3D

ການທ່ອງທ່ຽວເມືອງ 3D ນຳ ສະ ເໜີ ສິ່ງທີ່ມັນສັນຍາໄວ້ - ທັດສະນະຂອງຄົນ ທຳ ອິດຂອງເມືອງເກາະໃນລະດູໃບໄມ້ປົ່ງ. ໃຊ້ ໜູ ຂອງທ່ານເພື່ອບິນທົ່ວເມືອງ, ໂດດລົງຈາກຫລັງຄາຫາຫລັງຄາຫລືຂັບຂີ່ດ້ວຍລົດທີ່ຢູ່ໃນຖະ ໜົນ. ນອກນັ້ນທ່ານຍັງສາມາດປ່ອຍໃຫ້ autopilot ສະແດງໃຫ້ທ່ານເຫັນຢູ່ອ້ອມຂ້າງ. ລວມທັງອາຄານ, ຖະ ໜົນ, ປ້າຍສັນຍານຈາລະຈອນ, ລົດຍ້າຍ, ສວນສາທາລະນະ, ທະເລ, ແລະອື່ນໆ, ທ່ານຈະຮູ້ສຶກປະຫຼາດໃຈທີ່ Jani Ylikangas ບໍລິຫານສ້າງສິ່ງທັງ ໝົດ ນີ້ພາຍໃຕ້ 1k.


04. ໄປເຊຍທີ່ແປກ

ພາບເຄື່ອນໄຫວ 3D ທີ່ ໜ້າ ຕື່ນຕາຕື່ນໃຈນີ້ໂດຍ Philippe Deschaseaux ພາທ່ານເດີນທາງທີ່ແປກປະຫຼາດຜ່ານລະເບີດຝັງດິນໃຕ້ດິນ. ລາຍລະອຽດອ່ານວ່າ "ນັກແຮ່ທາດໄດ້ຢຸດເຮັດວຽກແລ້ວ". "ພວກເຂົາມີຄວາມຢ້ານກົວ. ມັນທັງຫມົດເບິ່ງຄືວ່າມາຈາກໄປເຊຍໆແປກໆເຫລົ່ານັ້ນທີ່ບາງຄົນໄດ້ເຫັນ. ຄວາມອົດທົນແລະດ້ວຍຄວາມໂຊກດີເລັກນ້ອຍ, ທ່ານຈະໄດ້ເຫັນພວກມັນ."

05. 1K ອຸຕຸນິຍົມ

ພວກເຮົາເປັນນັກດູດ ສຳ ລັບເກມໂຮງຮຽນເກົ່າທີ່ Creative Bloq, ດັ່ງນັ້ນພວກເຮົາຮັກແພງອາພອນນີ້ຈາກ Oscar Toledo G. ມັນແລ່ນໄດ້ 30 ເຟຣມຕໍ່ວິນາທີໃນເຄື່ອງຈັກສ່ວນໃຫຍ່, ແຕ່ລະເກມແມ່ນມີເອກະລັກສະເພາະແລະດັ່ງທີ່ຜູ້ສ້າງອະທິບາຍ, ມັນສະ ເໜີ "a ຫຼາຍຂອງ realism ຍ້ອນວ່າບໍ່ມີສຽງຢູ່ໃນຊ່ອງ ".

06. ຢ່າກັງວົນ, ເຜິ້ງມີຄວາມສຸກ!


ພາບເຄື່ອນໄຫວທີ່ເຮັດດ້ວຍຕົນເອງແບບ pseudo-3D ນີ້ມີເຜິ້ງທີ່ບິນໄປທາງຊ້າຍແລະຂວາ, ມີການເຄື່ອນໄຫວດ້ວຍຫຍ້າສົດໆດ້ວຍພາບເຄື່ອນໄຫວຢ່າງເລິກເຊິ່ງ, ດອກໄມ້ທີ່ສວຍງາມ, ແລະກ້ອງຖ່າຍຮູບເຄື່ອນຍ້າຍໄປໃນທຸກທິດທາງ (ຊ້າຍ, ຂວາ, ຂື້ນ, ລົງ, ແລະຂ້າງ ໜ້າ) ເພື່ອຄວາມບັນເທິງ . ສ້າງຂື້ນໂດຍ Manuel Rülke, ລະຫັດດັ່ງກ່າວໄດ້ຖືກຫຼຸດຜ່ອນ ໜ້ອຍ ທີ່ສຸດໂດຍໃຊ້ Closure Compiler, ເພີ່ມປະສິດຕິພາບຕື່ມອີກດ້ວຍມືແລະຕໍ່ຈາກນັ້ນກໍ່ປັ້ນດ້ວຍ JS Crush.

07. Morphose

ຕາຫນ່າງ 3D ແບບໂຕ້ຕອບນີ້ແມ່ນສິ່ງທີ່ທ່ານຕ້ອງຫຼີ້ນກັບ. ສ້າງໂດຍ Benjamin Bill Planche, ການສາທິດໃຊ້ສູດການຄິດໄລ່ຂອງ Painter ເພື່ອສະແດງຕາ ໜ່າງ 3D. ຫຼັງຈາກປະກາດແຕ່ລະໃບ ໜ້າ ໃນລະບົບປະສານງານທີ່ ກຳ ນົດໂດຍກ້ອງຖ່າຍຮູບ, ພວກມັນຖືກຈັດຮຽງໂດຍການຫຼຸດລົງເລິກເພື່ອໃຫ້ໄດ້ຮູບແຕ້ມ. ຮູບຊົງທີ່ສະແດງອອກແມ່ນຜົນມາຈາກການວຸ້ນວາຍທີ່ວຸ່ນວາຍລະຫວ່າງສອງຕາ ໜ່າງ ທີ່ສ້າງຂື້ນມາກ່ອນ, ຄິວແລະຂອບ. ເພື່ອໃຫ້ມີການຫຍິບໃບ ໜ້າ ໃຫ້ສະ ໝໍ່າ ສະ ເໝີ, ເລຂາຄະນິດຂອງເລຂາຄະນິດແມ່ນຖືກສ້າງຂື້ນໂດຍການເຮັດແຜນທີ່ແຕ່ລະດ້ານຂອງຄິວ (ວິທີການສ້າງແຜນທີ່ໃນຮູບແບບ cube).

08. Comanche

ສິ່ງ ສຳ ຄັນຕໍ່ເກມການ ຈຳ ລອງເຮລິຄອບເຕີ Comanche: Maximum Overkill ຊ່ວຍໃຫ້ທ່ານໃຊ້ລູກສອນເພື່ອຄວບຄຸມສະ ໜາມ ແລະມ້ວນ (ຄວາມສູງແມ່ນຢູ່ເທິງ autopilot). ທ້ອງຟ້າປ່ຽນຈາກກາງເວັນແລະກາງຄືນແລະເກມແລ່ນຢູ່ທີ່ 25 FPS ໃນຄອມພີວເຕີກາງ. ອອກແບບໂດຍ Siorki, ລະຫັດ Packer ຖືກພັດທະນາຈາກທັງ First First ແລະ JS Crush.

09. ດອກໄມ້

ວິທີການທີ່ວົງກົມຫມູນວຽນເຫຼົ່ານີ້ປະກອບເປັນຕົວຂອງມັນເອງທີ່ມີຮູບຊົງດອກໄມ້ ໝູນ ວຽນແມ່ນສວຍງາມແລະຕ້ອງມີການເຊື່ອຖື. ມັນຖືກສ້າງຂື້ນໂດຍ Cheeseum ໃນເວລາພຽງ 960 ໄບ.

10. Furbee

ທີ່ນີ້ Roman Cortes ກໍ່ກົດດັນຂໍ້ ຈຳ ກັດຂອງສິ່ງທີ່ເປັນໄປໄດ້ພາຍໃຕ້ 1k ດ້ວຍກະປcanອງ 2D ແລະຮາດແວຊັ້ນສູງ. ພາບເຄື່ອນໄຫວທີ່ມີສີສັນນີ້ມີການສະແດງຂົນ, ປີກທີ່ມີຄວາມແປກປະຫຼາດແລະມີພາບເຄື່ອນໄຫວ 3D. ເພື່ອເພີດເພີນກັບມັນຢ່າງເຕັມທີ່, ມັນຮຽກຮ້ອງໃຫ້ມີການເບິ່ງໃນຄອມພິວເຕີ້ທີ່ມີປະສິດທິພາບຫຼາຍກັບ Chrome. (ໃນທາງເຂົ້າອື່ນ, Furbee, ອອກຈາກອຸໂມງ ASAP!, Cortes ໄດ້ແຕ່ງຕົວ Furbee ຂອງລາວດ້ວຍການເຂົ້າຂອງ Deschaseaux - ເລກທີ 2 ໃນລາຍຊື່ຂອງພວກເຮົາ - ແລະນັ້ນກໍ່ບໍ່ ໜ້າ ເຊື່ອເກີນໄປ.)

ມັກນີ້ບໍ? ອ່ານເຫຼົ່ານີ້!

  • ວິທີການສ້າງແອັບ.
  • ຮູບເງົາ 3D ດີທີ່ສຸດຂອງປີ 2013
  • ຄົ້ນພົບສິ່ງທີ່ເປັນຕໍ່ໄປ ສຳ ລັບ Augmented Reality

ທ່ານໄດ້ເຫັນການສ້າງ JavaScript ທີ່ ໜ້າ ອັດສະຈັນໃນ 1k ຫຼື ໜ້ອຍ ກວ່າບໍ? ບອກພວກເຮົາກ່ຽວກັບມັນໃນ ຄຳ ເຫັນ!

ກະທູ້ທີ່ຫນ້າສົນໃຈ
ວິທີການທາສີສາກພາບຕ່າງດ້າວທີ່ ໜ້າ ເກງຂາມໃນ iPad
ຍິ່ງໄປກວ່ານັ້ນ

ວິທີການທາສີສາກພາບຕ່າງດ້າວທີ່ ໜ້າ ເກງຂາມໃນ iPad

ການແຕ້ມຮູບໃນການເດີນທາງໄປເຮັດວຽກແມ່ນສິ່ງທີ່ຂ້ອຍມັກ. ສອງສາມປີກ່ອນ, ຂ້າພະເຈົ້າໄດ້ແຕ້ມສີດ້ວຍນ້ ຳ ສີໃນເວລາຂີ່ລົດເມຕອນເຊົ້າ 1 ຊົ່ວໂມງ. ຂ້ອຍສາມາດດຸ່ນດ່ຽງປື້ມບັນຈຸນ້ອຍ, ຈອກນ້ ຳ, ທາສີແລະປື້ມເຫຼັ້ມ ໜຶ່ງ ຢູ່ໃນມື...
ໜູ ທີ່ດີທີ່ສຸດໃນປີ 2021: ໜູ ທີ່ ໜ້າ ງົດງາມ ສຳ ລັບຄວາມຕ້ອງການຂອງທ່ານທັງ ໝົດ
ຍິ່ງໄປກວ່ານັ້ນ

ໜູ ທີ່ດີທີ່ສຸດໃນປີ 2021: ໜູ ທີ່ ໜ້າ ງົດງາມ ສຳ ລັບຄວາມຕ້ອງການຂອງທ່ານທັງ ໝົດ

ທ່ານມີຫນູທີ່ດີທີ່ສຸດ ສຳ ລັບການອອກແບບທີ່ມີປະສິດຕິຜົນບໍ? ຖ້າທ່ານ ກຳ ລັງໃຊ້ ໜູ ທີ່ມາພ້ອມກັບ PC ຫຼື Mac ຂອງທ່ານແລ້ວ ຄຳ ຕອບອາດບໍ່ແມ່ນ. ມັນອາດຈະເຮັດວຽກໄດ້, ແຕ່ຖ້າທ່ານເບິ່ງອ້ອມຮອບທ່ານຈະພົບກັບທາງເລືອກອື່ນທີ່ຈ...
ປື້ມບາບີຄິວທີ່ທ່ານສາມາດຕັດ, ຕັດແລະແຕ່ງກິນ
ຍິ່ງໄປກວ່ານັ້ນ

ປື້ມບາບີຄິວທີ່ທ່ານສາມາດຕັດ, ຕັດແລະແຕ່ງກິນ

ມີຮູບແຕ້ມປື້ມທີ່ຍອດຢ້ຽມຢູ່ທີ່ນັ້ນແລະໃນຂະນະທີ່ສິ່ງເຫຼົ່ານີ້ມີແຮງບັນດານໃຈທີ່ບໍ່ ໜ້າ ເຊື່ອ, ນີ້ແມ່ນປື້ມທີ່ຊ່ວຍໃຫ້ຜູ້ອ່ານສາມາດຈີກ, ຕັດແລະຕັດຕາມທີ່ພວກເຂົາພໍໃຈ. ຜູ້ທີ່ຮັກປື້ມບໍ່ ຈຳ ເປັນຕ້ອງຮ້ອງ - ພຣະ ຄຳ ພີບ...