Вывод случайного изображения

@НеАдмин · Регистрация: 05.06.2020

Студворк — интернет-сервис помощи студентам

Напишите код которий потехоньку виводит любую картинку.

@НеАдмин · 22.06.2020, 10:45 **[ТС]**

DobroAlex, мне надо чтоб виводилась картинка а не слово картинка

Добавлено через 21 секунду
TheCalligrapher, а как ето работает?

@НеАдмин · 22.06.2020, 10:50 **[ТС]**

TheCalligrapher, я нажимаю

Code
1
Proview

но не чего

@8Observer8 · 22.06.2020, 12:03

Сообщение от НеАдмин

я нажимаю Preview

Надо подождать, медленно показывается. Можете ради упражнения в программировании, написать код, чтобы кот выглянул и обратно плавно скрылся.

Добавлено через 14 минут

Сообщение от НеАдмин

а как ето работает?

Объясню построчно. Сначала нужно написать тег <html>. Внутри него тег <body>. Подключаете библиотеку Phaser. Эта библиотека содержит необходимые объекты для работы с графикой:

HTML5
1
2
3
4
5
<html>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/phaser-ce@2.16.0/build/phaser.min.js"></script>
  </body>
</html>

Для работы с библиотекой нужно создать объект прототипа Phaser.Game. Я назвал этот объект "scene". К этому объекту нужно прикрепить функции preload(), create() и update(). Функция preload() будет вызвана один раз в самом начале. В ней обычно располагается для загрузки изображений и других необходимых файлов. Потом сработает функция create(), в которой создаётся спрайт на основе загруженного изображения - она тоже срабатывает один раз, но после функции preload(). Далее, будет вызваться update() 60 раз в секунду.

Здесь выставляется цвет фона:

JavaScript
1
scene.stage.backgroundColor = '#8f939f';

Тут создаётся спрайт и точка привязки координат к спрайту (середина-слева):

JavaScript
1
2
        sprite = scene.add.sprite( scene.world.width, scene.world.centerY,'cat');
        sprite.anchor.setTo(0, 0.5);

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/phaser-ce@2.16.0/build/phaser.min.js"></script>
 
    <script>
      var sprite;
      var scene = new Phaser.Game(250, 250, Phaser.AUTO, '', {
        preload: preload,
        create: create,
        update: update,
      });
 
      function preload() {
        scene.load.image('cat', 'cat.png');
      }
 
      function create() {
        scene.stage.backgroundColor = '#8f939f';
        sprite = scene.add.sprite( scene.world.width, scene.world.centerY,'cat');
        sprite.anchor.setTo(0, 0.5);
      }
 
      function update() {
        if (sprite.position.x > scene.world.width - sprite.width) {
          sprite.position.x -= 2;
        }
      }
    </script>
  </body>
</html>

@НеАдмин · 23.06.2020, 08:04 **[ТС]**

8Observer8, акак изменить на свой ресунок?

@8Observer8 · 23.06.2020, 14:19

Здесь, вместо "cat.png" напишите URL к своему файлу с картинкой:

JavaScript
1
2
3
      function preload() {
        scene.load.image('cat', 'cat.png');
      }

Либо рядом с файлом "index.html" положите свою картинку и измените имя с "cat.png" на имя вашей картинки.

Новые блоги и статьи Все статьи Все блоги /
Нейтральные знания, чистый код - бла-бла-бла-бла, на самом деле кликбейт и самореклама, плагиат, и вот почему Hrethgir 27.07.2026 То-есть отклонение такой публикации говорит само за себя, и пусть только возьмут на вооружение после отклонения публикации - это будет чистейшим актом плагиата. Отклонял Хабр. Дословно, отклонённая. . .	тв 16 бой ии anaschu 27.07.2026 Великий Перелом ИИ: Как уравнения ОДУ Radau дожали цензурные фильтры Алисы Фиксируем в мемофонде Теории Всего беспрецедентный факт в истории ИИ-зондирования. В затяжном многораундовом. . .	мв 15. непроверенное, возможно, глюк anaschu 27.07.2026 НАУЧНО-АНАЛИТИЧЕСКИЙ ОТЧЕТ. РАЗДЕЛ 1. 1: «НАУКА» (РАСШИРЕННАЯ СТЕХИОМЕТРИЧЕСКАЯ И ГЕНЕТИЧЕСКАЯ ВЕРСИЯ)Тема: Теоретическое обоснование инвариантности 19-мерного тензорного ядра непрерывных ОДУ и. . .	Очистка реквизитов и табличных частей документа при копировании (вариант 2) Maks 26.07.2026 Алгоритм из решения ниже разработан на примере нетипового документа "ЗаявкаНаРаботу", разработанного в КА2. Задача: Заменить алгоритм запрета копирования документов для сотрудников с ролью "Стажер",. . .
Доктрина интенционального знания - Доктрина для портала "Срез". Hrethgir 25.07.2026 Может найдётся кто захочет оценить доктрину. . . Написания правил участия для меня роскошь, требующая лимита времени, поэтому все сообщения не прошедшие модерацию будут видны только участникам портала,. . .	сукцессия 44. Решил подать на припринт в межународные сервисы препринтов. Но нужно одобрение от ученых anaschu 25.07.2026 Английский вариант. Пока кто то не одобрит мою личность, мне не получиться это опубликовать на препринте. Но заявку на публикацию статьи я сегодня подам.	сукцессия 43. Вторая научная статья за месяц- прайминг и гатгил anaschu 25.07.2026 две стороны одной монеты	Более приземисто - Эстафету хвоста в .cdl (деревья эстафеты в сад). Hrethgir 24.07.2026 В будущем, после написания блока инверсии обхода дерева (эстафеты хвоста), я планирую вернуться к нашему прошлому разговору о том, обладают ли знания целеполаганием. Тогда я пришел к выводу, что. . .

@НеАдмин 4 / 3 / 1 Регистрация: 05.06.2020 Сообщений: 85

	Вывод случайного изображения 17.06.2020, 10:50. Показов 3774. Ответов 24 Метки нет (Все метки) Напишите код которий потехоньку виводит любую картинку. 0

@НеАдмин 4 / 3 / 1 Регистрация: 05.06.2020 Сообщений: 85
	22.06.2020, 10:45 [ТС]
	DobroAlex, мне надо чтоб виводилась картинка а не слово картинка Добавлено через 21 секунду TheCalligrapher, а как ето работает? 0

@НеАдмин 4 / 3 / 1 Регистрация: 05.06.2020 Сообщений: 85
	23.06.2020, 08:04 [ТС]
	8Observer8, акак изменить на свой ресунок? 0

Вывод случайного изображения

Решение