Replaced bug_report.md with bug_report.yml.

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,47 +0,0 @@
----
-name: Bug report
-about: Report a reproducible bug or regression.
-title: ''
-labels: ''
-assignees: ''
-
----
-
-<!-- Ignoring this template may result in your bug report getting deleted -->
-
-**Describe the bug**
-
-A clear and concise description of what the bug is. Before submitting, please remove unnecessary sections.
-
-**To Reproduce**
-
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. See error
-
-***Code***
-
-```js
-// code goes here
-```
-
-***Live example***
-
-* [jsfiddle-latest-release](https://jsfiddle.net/g3atw6k5/)
-* [jsfiddle-dev](https://jsfiddle.net/eL7gqyhd/)
-
-**Expected behavior**
-
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-
-If applicable, add screenshots to help explain your problem (drag and drop the image).
-
-**Platform:**
-
- - Device: [Desktop, Mobile]
- - OS: [Windows, MacOS, Linux, Android, iOS]
- - Browser: [Chrome, Firefox, Safari, Edge]
- - Three.js version: [dev, r???]

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,83 @@
+name: Bug Report
+description: File a reproducible bug or regression.
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: repro
+    attributes:
+      label: Reproduction steps
+      description: "How do you trigger this bug? Please walk us through it step by step."
+      value: |
+        1.
+        2.
+        3.
+      render: bash
+    validations:
+      required: true
+  - type: textarea
+    id: code
+    attributes:
+      label: Code
+      value: |
+        ```js
+        // code goes here
+        ```
+    validations:
+      required: true
+  - type: textarea
+    id: example
+    attributes:
+      label: Live example
+      value: |
+        * [jsfiddle-latest-release](https://jsfiddle.net/g3atw6k5/)
+        * [jsfiddle-dev](https://jsfiddle.net/eL7gqyhd/)
+    validations:
+      required: true
+  - type: input
+    id: version
+    attributes:
+      label: Version
+      description: What version of the library are you using?
+      placeholder: r
+    validations:
+      required: true
+  - type: dropdown
+    id: device
+    attributes:
+      label: What device are you seeing the problem on?
+      multiple: true
+      options:
+        - Desktop
+        - Mobile
+        - Headset
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browsers are you seeing the problem on?
+      multiple: true
+      options:
+        - Chrome
+        - Firefox
+        - Safari
+        - Edge
+  - type: dropdown
+    id: os
+    attributes:
+      label: What OS are you seeing the problem on?
+      multiple: true
+      options:
+        - Windows
+        - MacOS
+        - Linux
+        - Android
+        - iOS
+  - type: markdown
+    attributes:
+      value: |
+        Please attach screenshots if possible.